@shibui-ui/ui 1.24.1 → 1.25.1

package/dist/index64.js

@@ -1,9 +1,8 @@
-import { unsafeCSS, css, LitElement, html } from "lit";
-import { property, customElement } from "lit/decorators.js";
-import groupCss from "./index312.js";
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { selectTemplate } from "./index227.js";
+import selectCss from "./index228.js";
 import sharedTokens from "./index196.js";
-import { buttonGroupTemplate, buttonSplitTemplate } from "./index313.js";
-import "./index23.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -14,299 +13,307 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibButtonGroup = class extends LitElement {
+let LibSelect = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.shape = "flat";
-    this.orientation = "horizontal";
-    this.block = false;
-    this.toggle = false;
-    this.multi = false;
+    this.label = "";
+    this.placeholder = "Selecciona una opción";
+    this.hint = "";
+    this.errorMessage = "";
+    this.required = false;
+    this.optional = false;
+    this.open = false;
+    this.disabled = false;
+    this.error = false;
     this.dark = false;
-    this.kintsugi = false;
-    this.size = "";
-    this._handleToggleClick = (e) => {
-      const target = e.target.closest("lib-button");
-      if (!target || target.hasAttribute("disabled")) return;
-      if (this.multi) {
-        const isActive = target.hasAttribute("active");
-        if (isActive) {
-          target.removeAttribute("active");
-        } else {
-          target.setAttribute("active", "");
-        }
-      } else {
-        this._getButtons().forEach((btn) => {
-          btn.removeAttribute("active");
-        });
-        target.setAttribute("active", "");
+    this.size = "md";
+    this.variant = "default";
+    this.value = "";
+    this.multi = false;
+    this.searchable = false;
+    this._selectedLabel = "";
+    this._selectedValues = [];
+    this._selectedLabels = [];
+    this._searchQuery = "";
+    this._visibleCount = 0;
+    this._handleOutsideClick = (e) => {
+      if (this.open && !e.composedPath().includes(this)) {
+        this._close();
+      }
+    };
+    this._handleKeyDown = (e) => {
+      if (e.key === "Escape" && this.open) {
+        this._close();
       }
-      this._emitChange();
     };
   }
-  /* ── Lifecycle ── */
+  connectedCallback() {
+    super.connectedCallback();
+    document.addEventListener("click", this._handleOutsideClick);
+    document.addEventListener("keydown", this._handleKeyDown, true);
+    this.addEventListener("option-selected", this._handleOptionSelected);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    document.removeEventListener("click", this._handleOutsideClick);
+    document.removeEventListener("keydown", this._handleKeyDown, true);
+  }
+  /**
+   * Reacts to external value changes.
+   * Syncs _selectedLabel by inspecting slotted options.
+   */
+  updated(changed) {
+    super.updated(changed);
+    if (changed.has("value") && this.value) {
+      this._syncSingleFromValue();
+    }
+  }
+  /* ─────────────────────────────────────────────────────────
+     PUBLIC API
+  ───────────────────────────────────────────────────────── */
+  /** Opens the dropdown panel. */
+  openPanel() {
+    if (!this.disabled) this._open();
+  }
+  /** Closes the dropdown panel. */
+  closePanel() {
+    this._close();
+  }
+  /** Clears current selection. */
+  clear() {
+    this.value = "";
+    this._selectedLabel = "";
+    this._selectedValues = [];
+    this._selectedLabels = [];
+    this._syncOptionStates();
+  }
+  /* ─────────────────────────────────────────────────────────
+     RENDER
+  ───────────────────────────────────────────────────────── */
   render() {
-    return buttonGroupTemplate();
+    return selectTemplate({
+      label: this.label,
+      placeholder: this.placeholder,
+      hint: this.hint,
+      errorMessage: this.errorMessage,
+      required: this.required,
+      optional: this.optional,
+      open: this.open,
+      disabled: this.disabled,
+      error: this.error,
+      dark: this.dark,
+      size: this.size,
+      variant: this.variant,
+      selectedLabel: this._selectedLabel,
+      hasSelection: !!this._selectedLabel,
+      multi: this.multi,
+      selectedCount: this._selectedValues.length,
+      searchable: this.searchable,
+      searchQuery: this._searchQuery,
+      visibleCount: this._visibleCount,
+      onTriggerClick: this._handleTriggerClick.bind(this),
+      onSearchInput: this._handleSearchInput.bind(this),
+      onConfirm: this._handleConfirm.bind(this)
+    });
+  }
+  /* ─────────────────────────────────────────────────────────
+     PRIVATE METHODS
+  ───────────────────────────────────────────────────────── */
+  _open() {
+    this.open = true;
+    this._updateVisibleCount();
+    this.dispatchEvent(new CustomEvent("ui-lib-select-open", {
+      bubbles: true,
+      composed: true
+    }));
+  }
+  _close() {
+    this.open = false;
+    this._searchQuery = "";
+    this._showAllOptions();
+    this.dispatchEvent(new CustomEvent("ui-lib-select-close", {
+      bubbles: true,
+      composed: true
+    }));
   }
-  firstUpdated() {
-    var _a;
-    const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot");
-    if (slot) {
-      slot.addEventListener("slotchange", () => this._updateChildren());
+  _handleTriggerClick(e) {
+    e.stopPropagation();
+    if (this.disabled) return;
+    if (this.open) {
+      this._close();
+    } else {
+      this._open();
     }
-    this._updateChildren();
-    if (this.toggle) {
-      this.addEventListener("click", this._handleToggleClick);
+  }
+  _handleOptionSelected(e) {
+    const custom = e;
+    const { value, label } = custom.detail;
+    if (this.multi) {
+      this._toggleMultiValue(value, label);
+    } else {
+      this._selectSingle(value, label);
+      this._close();
     }
   }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    if (this.toggle) {
-      this.removeEventListener("click", this._handleToggleClick);
+  _selectSingle(value, label) {
+    this.value = value;
+    this._selectedLabel = label;
+    this._syncOptionStates();
+    this.dispatchEvent(new CustomEvent("ui-lib-select-change", {
+      detail: { value, label },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  _toggleMultiValue(value, label) {
+    const idx = this._selectedValues.indexOf(value);
+    if (idx === -1) {
+      this._selectedValues = [...this._selectedValues, value];
+      this._selectedLabels = [...this._selectedLabels, label];
+    } else {
+      this._selectedValues = this._selectedValues.filter((_, i) => i !== idx);
+      this._selectedLabels = this._selectedLabels.filter((_, i) => i !== idx);
     }
+    this._syncOptionStates();
+  }
+  _handleConfirm() {
+    this.dispatchEvent(new CustomEvent("ui-lib-select-multi-change", {
+      detail: {
+        values: [...this._selectedValues],
+        labels: [...this._selectedLabels]
+      },
+      bubbles: true,
+      composed: true
+    }));
+    this._close();
   }
-  /* ── Children management ── */
-  _getButtons() {
-    return Array.from(this.querySelectorAll("lib-button"));
+  _handleSearchInput(e) {
+    const input = e.target;
+    this._searchQuery = input.value;
+    this._filterOptions(this._searchQuery);
   }
-  _updateChildren() {
-    const all = Array.from(this.children);
-    const btns = all.filter(
-      (el) => el.tagName.toLowerCase() === "lib-button"
+  /** Filters slotted lib-select-option elements by text match. */
+  _filterOptions(query) {
+    const options = Array.from(
+      this.querySelectorAll("lib-select-option")
     );
-    btns.forEach((btn, i) => {
-      if (btns.length === 1) {
-        btn.removeAttribute("group-pos");
-      } else if (i === 0) {
-        btn.setAttribute("group-pos", "first");
-      } else if (i === btns.length - 1) {
-        btn.setAttribute("group-pos", "last");
-      } else {
-        btn.setAttribute("group-pos", "middle");
-      }
-      if (this.shape !== "flat") {
-        btn.setAttribute("group-shape", this.shape);
-      } else {
-        btn.removeAttribute("group-shape");
-      }
-      if (this.orientation === "vertical") {
-        btn.setAttribute("group-vertical", "");
-      } else {
-        btn.removeAttribute("group-vertical");
-      }
-      if (this.dark) {
-        btn.setAttribute("dark", "");
-      } else {
-        btn.removeAttribute("dark");
-      }
-      if (this.size) {
-        btn.setAttribute("size", this.size);
-      }
-      if (this.kintsugi && i > 0) {
-        btn.setAttribute("kintsugi", "");
-      } else {
-        btn.removeAttribute("kintsugi");
-      }
+    const q = query.toLowerCase().trim();
+    let visible = 0;
+    options.forEach((opt) => {
+      const text = (opt.textContent ?? "").toLowerCase();
+      const match = !q || text.includes(q);
+      opt.toggleAttribute("search-hidden", !match);
+      if (match) visible++;
     });
+    this._visibleCount = visible;
+  }
+  _showAllOptions() {
+    const options = Array.from(this.querySelectorAll("lib-select-option"));
+    options.forEach((opt) => opt.removeAttribute("search-hidden"));
+    this._updateVisibleCount();
+  }
+  _updateVisibleCount() {
+    const options = this.querySelectorAll("lib-select-option:not([search-hidden])");
+    this._visibleCount = options.length;
+  }
+  /** Syncs selected/unselected state on all slotted option elements. */
+  _syncOptionStates() {
+    const options = Array.from(this.querySelectorAll("lib-select-option"));
+    if (this.multi) {
+      options.forEach((opt) => {
+        opt.selected = this._selectedValues.includes(opt.value ?? "");
+      });
+    } else {
+      options.forEach((opt) => {
+        opt.selected = opt.value === this.value;
+      });
+    }
   }
-  _emitChange() {
-    const btns = this._getButtons();
-    const active = [];
-    const activeIndex = [];
-    btns.forEach((btn, i) => {
+  /** Called when `value` prop changes externally — syncs label from slotted options. */
+  _syncSingleFromValue() {
+    setTimeout(() => {
       var _a;
-      if (btn.hasAttribute("active")) {
-        activeIndex.push(i);
-        active.push(((_a = btn.textContent) == null ? void 0 : _a.trim()) ?? String(i));
+      const options = Array.from(
+        this.querySelectorAll("lib-select-option")
+      );
+      const match = options.find((opt) => opt.value === this.value);
+      if (match) {
+        this._selectedLabel = ((_a = match.textContent) == null ? void 0 : _a.trim()) ?? "";
+        options.forEach((opt) => {
+          opt.selected = opt === match;
+        });
       }
-    });
-    this.dispatchEvent(new CustomEvent("ui-lib-group-change", {
-      detail: { active, activeIndex },
-      bubbles: true,
-      composed: true
-    }));
+    }, 0);
   }
 };
-LibButtonGroup.styles = [
+LibSelect.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(groupCss)}`
+  css`${unsafeCSS(selectCss)}`
 ];
 __decorateClass([
-  property({ type: String, reflect: true })
-], LibButtonGroup.prototype, "shape", 2);
+  property({ type: String })
+], LibSelect.prototype, "label", 2);
 __decorateClass([
-  property({ type: String, reflect: true })
-], LibButtonGroup.prototype, "orientation", 2);
+  property({ type: String })
+], LibSelect.prototype, "placeholder", 2);
 __decorateClass([
-  property({ type: Boolean, reflect: true })
-], LibButtonGroup.prototype, "block", 2);
+  property({ type: String })
+], LibSelect.prototype, "hint", 2);
+__decorateClass([
+  property({ type: String, attribute: "error-message" })
+], LibSelect.prototype, "errorMessage", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibButtonGroup.prototype, "toggle", 2);
+], LibSelect.prototype, "required", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibButtonGroup.prototype, "multi", 2);
+], LibSelect.prototype, "optional", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibButtonGroup.prototype, "dark", 2);
+], LibSelect.prototype, "open", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibButtonGroup.prototype, "kintsugi", 2);
+], LibSelect.prototype, "disabled", 2);
 __decorateClass([
-  property({ type: String, reflect: true })
-], LibButtonGroup.prototype, "size", 2);
-LibButtonGroup = __decorateClass([
-  customElement("lib-button-group")
-], LibButtonGroup);
-let LibButtonSep = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.dark = false;
-  }
-  render() {
-    const color = this.dark ? "rgba(255,255,255,0.1)" : "var(--border-default)";
-    return html`<div style="width:1px;align-self:stretch;background:${color};flex-shrink:0;z-index:1;"></div>`;
-  }
-};
-LibButtonSep.styles = [
-  css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(groupCss)}`
-];
+  property({ type: Boolean, reflect: true })
+], LibSelect.prototype, "error", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibButtonSep.prototype, "dark", 2);
-LibButtonSep = __decorateClass([
-  customElement("lib-button-sep")
-], LibButtonSep);
-let LibButtonSplit = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "primary";
-    this.size = "md";
-    this.dark = false;
-    this.disabled = false;
-    this.label = "";
-    this.items = "";
-    this._open = false;
-    this._onDocClick = (e) => {
-      var _a;
-      if (!this._open) return;
-      if (!this.contains(e.target) && !(((_a = this.shadowRoot) == null ? void 0 : _a.contains(e.target)) ?? false)) {
-        this._open = false;
-        this.requestUpdate();
-      }
-    };
-    this._onKeyDown = (e) => {
-      if (e.key === "Escape" && this._open) {
-        this._open = false;
-        this.requestUpdate();
-      }
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    document.addEventListener("click", this._onDocClick);
-    document.addEventListener("keydown", this._onKeyDown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    document.removeEventListener("click", this._onDocClick);
-    document.removeEventListener("keydown", this._onKeyDown);
-  }
-  render() {
-    let parsedItems = [];
-    if (this.items) {
-      try {
-        parsedItems = JSON.parse(this.items);
-      } catch {
-      }
-    }
-    return buttonSplitTemplate({
-      label: this.label,
-      variant: this.variant,
-      size: this.size,
-      dark: this.dark,
-      disabled: this.disabled,
-      menuOpen: this._open,
-      items: parsedItems,
-      onMainClick: (e) => this._onMainClick(e),
-      onArrowClick: (e) => this._onArrowClick(e)
-    });
-  }
-  _onMainClick(e) {
-    this.dispatchEvent(new CustomEvent("ui-lib-split-action", {
-      detail: { originalEvent: e },
-      bubbles: true,
-      composed: true
-    }));
-  }
-  _onArrowClick(e) {
-    e.stopPropagation();
-    this._open = !this._open;
-    this.requestUpdate();
-    if (this._open) {
-      setTimeout(() => {
-        var _a;
-        const menu = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".split-menu");
-        if (!menu) return;
-        menu.querySelectorAll(".split-menu-item").forEach((item) => {
-          item.addEventListener("click", (ev) => {
-            var _a2;
-            ev.stopPropagation();
-            this._open = false;
-            this.requestUpdate();
-            this.dispatchEvent(new CustomEvent("ui-lib-split-select", {
-              detail: {
-                value: item.dataset["value"] ?? "",
-                label: ((_a2 = item.textContent) == null ? void 0 : _a2.trim()) ?? ""
-              },
-              bubbles: true,
-              composed: true
-            }));
-          }, { once: true });
-        });
-        const slottedMenu = menu.querySelector('slot[name="menu"]');
-        if (slottedMenu) {
-          slottedMenu.assignedElements().forEach((el) => {
-            el.addEventListener("click", (ev) => {
-              ev.stopPropagation();
-              this._open = false;
-              this.requestUpdate();
-            }, { once: true });
-          });
-        }
-      }, 0);
-    }
-  }
-};
-LibButtonSplit.styles = [
-  css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(groupCss)}`
-];
+], LibSelect.prototype, "dark", 2);
 __decorateClass([
   property({ type: String, reflect: true })
-], LibButtonSplit.prototype, "variant", 2);
+], LibSelect.prototype, "size", 2);
 __decorateClass([
   property({ type: String, reflect: true })
-], LibButtonSplit.prototype, "size", 2);
+], LibSelect.prototype, "variant", 2);
+__decorateClass([
+  property({ type: String })
+], LibSelect.prototype, "value", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibButtonSplit.prototype, "dark", 2);
+], LibSelect.prototype, "multi", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibButtonSplit.prototype, "disabled", 2);
+], LibSelect.prototype, "searchable", 2);
 __decorateClass([
-  property({ type: String })
-], LibButtonSplit.prototype, "label", 2);
+  state()
+], LibSelect.prototype, "_selectedLabel", 2);
 __decorateClass([
-  property({ type: String })
-], LibButtonSplit.prototype, "items", 2);
-LibButtonSplit = __decorateClass([
-  customElement("lib-button-split")
-], LibButtonSplit);
+  state()
+], LibSelect.prototype, "_selectedValues", 2);
+__decorateClass([
+  state()
+], LibSelect.prototype, "_selectedLabels", 2);
+__decorateClass([
+  state()
+], LibSelect.prototype, "_searchQuery", 2);
+__decorateClass([
+  state()
+], LibSelect.prototype, "_visibleCount", 2);
+LibSelect = __decorateClass([
+  customElement("lib-select")
+], LibSelect);
 export {
-  LibButtonGroup,
-  LibButtonSep,
-  LibButtonSplit
+  LibSelect
 };
 //# sourceMappingURL=index64.js.map

package/dist/index64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index64.js","sources":["../src/components/molecules/button-group/lib-button-group.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibVariant, LibSize } from '../../../types';\nimport groupCss from './lib-button-group.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport { buttonGroupTemplate, buttonSplitTemplate } from './lib-button-group.html';\nimport type { ButtonGroupShape, ButtonGroupOrientation, SplitMenuItem } from './lib-button-group.types';\nimport type { LibButton } from '../../atoms/button/lib-button.component';\n\n/* Registro del elemento lib-button (side-effect) */\nimport '../../atoms/button/lib-button.component';\n\n/* ══════════════════════════════════════════════════════════════\n   LIB-BUTTON-GROUP\n   ══════════════════════════════════════════════════════════════\n   Wrapper que agrupa lib-button en una unidad visual:\n   · Colapsa bordes internos (margin-left: -1px)\n   · Propaga shape, size, dark, kintsugi a cada hijo\n   · Toggle single / multi con estado [active]\n   · Separadores lib-button-sep reconocidos automáticamente\n\n   @fires ui-lib-group-change — {detail: {active: string[], activeIndex: number[]}}\n*/\n@customElement('lib-button-group')\nexport class LibButtonGroup extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(groupCss)}`,\n  ];\n\n  /** Forma de los extremos del grupo */\n  @property({ type: String, reflect: true })\n  shape: ButtonGroupShape = 'flat';\n\n  /** Orientación del grupo */\n  @property({ type: String, reflect: true })\n  orientation: ButtonGroupOrientation = 'horizontal';\n\n  /** Ancho completo */\n  @property({ type: Boolean, reflect: true })\n  block = false;\n\n  /** Activa comportamiento toggle (click activa/desactiva) */\n  @property({ type: Boolean, reflect: true })\n  toggle = false;\n\n  /** Permite selección múltiple (requiere toggle=true) */\n  @property({ type: Boolean, reflect: true })\n  multi = false;\n\n  /** Propaga dark a todos los lib-button hijos */\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  /** Propaga kintsugi a botones accent/kaki adyacentes */\n  @property({ type: Boolean, reflect: true })\n  kintsugi = false;\n\n  /** Tamaño propagado a todos los hijos */\n  @property({ type: String, reflect: true })\n  size: LibSize | '' = '';\n\n  /* ── Lifecycle ── */\n\n  protected override render(): TemplateResult {\n    return buttonGroupTemplate();\n  }\n\n  override firstUpdated(): void {\n    const slot = this.shadowRoot?.querySelector('slot');\n    if (slot) {\n      slot.addEventListener('slotchange', (): void => this._updateChildren());\n    }\n    this._updateChildren();\n\n    if (this.toggle) {\n      this.addEventListener('click', this._handleToggleClick);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.toggle) {\n      this.removeEventListener('click', this._handleToggleClick);\n    }\n  }\n\n  /* ── Children management ── */\n\n  private _getButtons(): LibButton[] {\n    return Array.from(this.querySelectorAll<LibButton>('lib-button'));\n  }\n\n  private _updateChildren(): void {\n    const all = Array.from(this.children) as Element[];\n\n    /* Solo lib-button para posicionamiento — ignorar lib-button-sep */\n    const btns = all.filter((el): el is LibButton =>\n      el.tagName.toLowerCase() === 'lib-button'\n    );\n\n    btns.forEach((btn: LibButton, i: number): void => {\n      /* Position */\n      if (btns.length === 1) {\n        btn.removeAttribute('group-pos');\n      } else if (i === 0) {\n        btn.setAttribute('group-pos', 'first');\n      } else if (i === btns.length - 1) {\n        btn.setAttribute('group-pos', 'last');\n      } else {\n        btn.setAttribute('group-pos', 'middle');\n      }\n\n      /* Shape */\n      if (this.shape !== 'flat') {\n        btn.setAttribute('group-shape', this.shape);\n      } else {\n        btn.removeAttribute('group-shape');\n      }\n\n      /* Vertical */\n      if (this.orientation === 'vertical') {\n        btn.setAttribute('group-vertical', '');\n      } else {\n        btn.removeAttribute('group-vertical');\n      }\n\n      /* Dark */\n      if (this.dark) {\n        btn.setAttribute('dark', '');\n      } else {\n        btn.removeAttribute('dark');\n      }\n\n      /* Size */\n      if (this.size) {\n        btn.setAttribute('size', this.size);\n      }\n\n      /* Kintsugi — solo middle y last */\n      if (this.kintsugi && i > 0) {\n        btn.setAttribute('kintsugi', '');\n      } else {\n        btn.removeAttribute('kintsugi');\n      }\n    });\n  }\n\n  /* ── Toggle logic ── */\n\n  private _handleToggleClick = (e: Event): void => {\n    const target = (e.target as Element).closest('lib-button') as LibButton | null;\n    if (!target || target.hasAttribute('disabled')) return;\n\n    if (this.multi) {\n      /* Multi: toggle individual */\n      const isActive = target.hasAttribute('active');\n      if (isActive) {\n        target.removeAttribute('active');\n      } else {\n        target.setAttribute('active', '');\n      }\n    } else {\n      /* Single: solo uno activo */\n      this._getButtons().forEach((btn: LibButton): void => {\n        btn.removeAttribute('active');\n      });\n      target.setAttribute('active', '');\n    }\n\n    this._emitChange();\n  };\n\n  private _emitChange(): void {\n    const btns = this._getButtons();\n    const active: string[] = [];\n    const activeIndex: number[] = [];\n\n    btns.forEach((btn: LibButton, i: number): void => {\n      if (btn.hasAttribute('active')) {\n        activeIndex.push(i);\n        active.push(btn.textContent?.trim() ?? String(i));\n      }\n    });\n\n    this.dispatchEvent(new CustomEvent('ui-lib-group-change', {\n      detail: { active, activeIndex },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n}\n\n/* ══════════════════════════════════════════════════════════════\n   LIB-BUTTON-SEP\n   ══════════════════════════════════════════════════════════════\n   Separador visual explícito entre botones del grupo.\n   El lib-button-group lo reconoce y no le asigna group-pos.\n*/\n@customElement('lib-button-sep')\nexport class LibButtonSep extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(groupCss)}`,\n  ];\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  protected override render(): TemplateResult {\n    const color = this.dark\n      ? 'rgba(255,255,255,0.1)'\n      : 'var(--border-default)';\n    return html`<div style=\"width:1px;align-self:stretch;background:${color};flex-shrink:0;z-index:1;\"></div>`;\n  }\n}\n\n/* ══════════════════════════════════════════════════════════════\n   LIB-BUTTON-SPLIT\n   ══════════════════════════════════════════════════════════════\n   Botón de acción principal + flecha que despliega menú.\n\n   @prop variant  — variante visual (igual que lib-button)\n   @prop size     — tamaño\n   @prop dark     — surface oscura\n   @prop disabled\n   @prop label    — texto del botón principal (también slot default)\n   @prop items    — JSON con [{label, value, disabled?}] para el menú\n                    Si está vacío se usa <slot name=\"menu\">\n\n   @fires ui-lib-split-action — click en acción principal\n   @fires ui-lib-split-select — click en item del menú {value, label}\n*/\n@customElement('lib-button-split')\nexport class LibButtonSplit extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(groupCss)}`,\n  ];\n\n  @property({ type: String, reflect: true })\n  variant: LibVariant = 'primary';\n\n  @property({ type: String, reflect: true })\n  size: LibSize = 'md';\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  label = '';\n\n  /** JSON array de items: '[{\"label\":\"Publicar\",\"value\":\"publish\"}]' */\n  @property({ type: String })\n  items = '';\n\n  private _open = false;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('click',   this._onDocClick);\n    document.addEventListener('keydown', this._onKeyDown);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click',   this._onDocClick);\n    document.removeEventListener('keydown', this._onKeyDown);\n  }\n\n  protected override render(): TemplateResult {\n    let parsedItems: SplitMenuItem[] = [];\n    if (this.items) {\n      try { parsedItems = JSON.parse(this.items) as SplitMenuItem[]; }\n      catch { /* ignore */ }\n    }\n\n    return buttonSplitTemplate({\n      label:       this.label,\n      variant:     this.variant,\n      size:        this.size,\n      dark:        this.dark,\n      disabled:    this.disabled,\n      menuOpen:    this._open,\n      items:       parsedItems,\n      onMainClick:  (e: Event): void => this._onMainClick(e),\n      onArrowClick: (e: Event): void => this._onArrowClick(e),\n    });\n  }\n\n  private _onMainClick(e: Event): void {\n    this.dispatchEvent(new CustomEvent('ui-lib-split-action', {\n      detail: { originalEvent: e },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _onArrowClick(e: Event): void {\n    e.stopPropagation();\n    this._open = !this._open;\n    this.requestUpdate();\n\n    /* Delegación de clicks en items data-driven */\n    if (this._open) {\n      setTimeout((): void => {\n        const menu = this.shadowRoot?.querySelector('.split-menu');\n        if (!menu) return;\n        menu.querySelectorAll<HTMLButtonElement>('.split-menu-item').forEach((item: HTMLButtonElement): void => {\n          item.addEventListener('click', (ev: Event): void => {\n            ev.stopPropagation();\n            this._open = false;\n            this.requestUpdate();\n            this.dispatchEvent(new CustomEvent('ui-lib-split-select', {\n              detail: {\n                value: item.dataset['value'] ?? '',\n                label: item.textContent?.trim() ?? '',\n              },\n              bubbles: true,\n              composed: true,\n            }));\n          }, { once: true });\n        });\n\n        /* Slot items (slotted buttons) */\n        const slottedMenu = menu.querySelector<HTMLSlotElement>('slot[name=\"menu\"]');\n        if (slottedMenu) {\n          slottedMenu.assignedElements().forEach((el: Element): void => {\n            el.addEventListener('click', (ev: Event): void => {\n              ev.stopPropagation();\n              this._open = false;\n              this.requestUpdate();\n            }, { once: true });\n          });\n        }\n      }, 0);\n    }\n  }\n\n  private _onDocClick = (e: MouseEvent): void => {\n    if (!this._open) return;\n    if (!this.contains(e.target as Node) && !(this.shadowRoot?.contains(e.target as Node) ?? false)) {\n      this._open = false;\n      this.requestUpdate();\n    }\n  };\n\n  private _onKeyDown = (e: KeyboardEvent): void => {\n    if (e.key === 'Escape' && this._open) {\n      this._open = false;\n      this.requestUpdate();\n    }\n  };\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-button-group': LibButtonGroup;\n    'lib-button-sep':   LibButtonSep;\n    'lib-button-split': LibButtonSplit;\n  }\n}"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"index64.js","sources":["../src/components/molecules/select/lib-select.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { selectTemplate } from './lib-select.html';\nimport selectCss from './lib-select.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { SelectSize, SelectVariant, SelectChangeDetail, SelectMultiChangeDetail } from './lib-select.types';\n\n/**\n * @element lib-select\n *\n * @fires ui-lib-select-change       — Single: { value, label }\n * @fires ui-lib-select-multi-change — Multi:  { values, labels }\n * @fires ui-lib-select-open         — Panel abierto\n * @fires ui-lib-select-close        — Panel cerrado\n *\n * @slot — lib-select-option children\n */\n@customElement('lib-select')\nexport class LibSelect extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(selectCss)}`,\n  ];\n\n  /* ── Field meta ── */\n  @property({ type: String }) label        = '';\n  @property({ type: String }) placeholder  = 'Selecciona una opción';\n  @property({ type: String }) hint         = '';\n  @property({ type: String, attribute: 'error-message' }) errorMessage = '';\n  @property({ type: Boolean, reflect: true }) required = false;\n  @property({ type: Boolean, reflect: true }) optional = false;\n\n  /* ── State ── */\n  @property({ type: Boolean, reflect: true }) open     = false;\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: Boolean, reflect: true }) error    = false;\n  @property({ type: Boolean, reflect: true }) dark     = false;\n\n  /* ── Appearance ── */\n  @property({ type: String, reflect: true }) size:    SelectSize    = 'md';\n  @property({ type: String, reflect: true }) variant: SelectVariant = 'default';\n\n  /* ── Single value ── */\n  @property({ type: String }) value = '';\n\n  /* ── Multi values (JSON array string or space-separated) ── */\n  @property({ type: Boolean, reflect: true }) multi = false;\n\n  /* ── Searchable ── */\n  @property({ type: Boolean, reflect: true }) searchable = false;\n\n  /* ── Internal state ── */\n  @state() private _selectedLabel  = '';\n  @state() private _selectedValues: string[] = [];\n  @state() private _selectedLabels: string[] = [];\n  @state() private _searchQuery    = '';\n  @state() private _visibleCount   = 0;\n\n  /* ── Outside click handler (arrow fn for remove ref) ── */\n  private readonly _handleOutsideClick = (e: MouseEvent): void => {\n    if (this.open && !e.composedPath().includes(this)) {\n      this._close();\n    }\n  };\n\n  /* ── Escape key handler ── */\n  private readonly _handleKeyDown = (e: KeyboardEvent): void => {\n    if (e.key === 'Escape' && this.open) {\n      this._close();\n    }\n  };\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n    document.addEventListener('keydown', this._handleKeyDown, true);\n\n    /* Listen for option-selected events bubbled from slotted lib-select-option */\n    this.addEventListener('option-selected', this._handleOptionSelected as EventListener);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._handleOutsideClick);\n    document.removeEventListener('keydown', this._handleKeyDown, true);\n  }\n\n  /**\n   * Reacts to external value changes.\n   * Syncs _selectedLabel by inspecting slotted options.\n   */\n  protected override updated(changed: PropertyValues<this>): void {\n    super.updated(changed);\n\n    if (changed.has('value') && this.value) {\n      this._syncSingleFromValue();\n    }\n  }\n\n  /* ─────────────────────────────────────────────────────────\n     PUBLIC API\n  ───────────────────────────────────────────────────────── */\n\n  /** Opens the dropdown panel. */\n  public openPanel(): void {\n    if (!this.disabled) this._open();\n  }\n\n  /** Closes the dropdown panel. */\n  public closePanel(): void {\n    this._close();\n  }\n\n  /** Clears current selection. */\n  public clear(): void {\n    this.value          = '';\n    this._selectedLabel = '';\n    this._selectedValues = [];\n    this._selectedLabels = [];\n    this._syncOptionStates();\n  }\n\n  /* ─────────────────────────────────────────────────────────\n     RENDER\n  ───────────────────────────────────────────────────────── */\n\n  override render(): TemplateResult {\n    return selectTemplate({\n      label:        this.label,\n      placeholder:  this.placeholder,\n      hint:         this.hint,\n      errorMessage: this.errorMessage,\n      required:     this.required,\n      optional:     this.optional,\n\n      open:     this.open,\n      disabled: this.disabled,\n      error:    this.error,\n      dark:     this.dark,\n\n      size:    this.size,\n      variant: this.variant,\n\n      selectedLabel: this._selectedLabel,\n      hasSelection:  !!this._selectedLabel,\n\n      multi:         this.multi,\n      selectedCount: this._selectedValues.length,\n\n      searchable:   this.searchable,\n      searchQuery:  this._searchQuery,\n      visibleCount: this._visibleCount,\n\n      onTriggerClick: this._handleTriggerClick.bind(this),\n      onSearchInput:  this._handleSearchInput.bind(this),\n      onConfirm:      this._handleConfirm.bind(this),\n    });\n  }\n\n  /* ─────────────────────────────────────────────────────────\n     PRIVATE METHODS\n  ───────────────────────────────────────────────────────── */\n\n  private _open(): void {\n    this.open = true;\n    this._updateVisibleCount();\n    this.dispatchEvent(new CustomEvent('ui-lib-select-open', {\n      bubbles: true, composed: true,\n    }));\n  }\n\n  private _close(): void {\n    this.open = false;\n    this._searchQuery = '';\n    this._showAllOptions();\n    this.dispatchEvent(new CustomEvent('ui-lib-select-close', {\n      bubbles: true, composed: true,\n    }));\n  }\n\n  private _handleTriggerClick(e: Event): void {\n    e.stopPropagation();\n    if (this.disabled) return;\n    if (this.open) {\n      this._close();\n    } else {\n      this._open();\n    }\n  }\n\n  private _handleOptionSelected(e: Event): void {\n    const custom = e as CustomEvent<{ value: string; label: string }>;\n    const { value, label } = custom.detail;\n\n    if (this.multi) {\n      this._toggleMultiValue(value, label);\n    } else {\n      this._selectSingle(value, label);\n      this._close();\n    }\n  }\n\n  private _selectSingle(value: string, label: string): void {\n    this.value          = value;\n    this._selectedLabel = label;\n    this._syncOptionStates();\n\n    this.dispatchEvent(new CustomEvent<SelectChangeDetail>('ui-lib-select-change', {\n      detail: { value, label },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _toggleMultiValue(value: string, label: string): void {\n    const idx = this._selectedValues.indexOf(value);\n\n    if (idx === -1) {\n      this._selectedValues = [...this._selectedValues, value];\n      this._selectedLabels = [...this._selectedLabels, label];\n    } else {\n      this._selectedValues = this._selectedValues.filter((_, i) => i !== idx);\n      this._selectedLabels = this._selectedLabels.filter((_, i) => i !== idx);\n    }\n\n    this._syncOptionStates();\n  }\n\n  private _handleConfirm(): void {\n    this.dispatchEvent(new CustomEvent<SelectMultiChangeDetail>('ui-lib-select-multi-change', {\n      detail: {\n        values: [...this._selectedValues],\n        labels: [...this._selectedLabels],\n      },\n      bubbles: true,\n      composed: true,\n    }));\n    this._close();\n  }\n\n  private _handleSearchInput(e: Event): void {\n    const input = e.target as HTMLInputElement;\n    this._searchQuery = input.value;\n    this._filterOptions(this._searchQuery);\n  }\n\n  /** Filters slotted lib-select-option elements by text match. */\n  private _filterOptions(query: string): void {\n    const options = Array.from(\n      this.querySelectorAll('lib-select-option')\n    ) as HTMLElement[];\n\n    const q = query.toLowerCase().trim();\n    let visible = 0;\n\n    options.forEach(opt => {\n      const text = (opt.textContent ?? '').toLowerCase();\n      const match = !q || text.includes(q);\n      opt.toggleAttribute('search-hidden', !match);\n      if (match) visible++;\n    });\n\n    this._visibleCount = visible;\n  }\n\n  private _showAllOptions(): void {\n    const options = Array.from(this.querySelectorAll('lib-select-option'));\n    options.forEach(opt => opt.removeAttribute('search-hidden'));\n    this._updateVisibleCount();\n  }\n\n  private _updateVisibleCount(): void {\n    const options = this.querySelectorAll('lib-select-option:not([search-hidden])');\n    this._visibleCount = options.length;\n  }\n\n  /** Syncs selected/unselected state on all slotted option elements. */\n  private _syncOptionStates(): void {\n    const options = Array.from(this.querySelectorAll('lib-select-option')) as Array<\n      HTMLElement & { selected?: boolean; value?: string }\n    >;\n\n    if (this.multi) {\n      options.forEach(opt => {\n        opt.selected = this._selectedValues.includes(opt.value ?? '');\n      });\n    } else {\n      options.forEach(opt => {\n        opt.selected = opt.value === this.value;\n      });\n    }\n  }\n\n  /** Called when `value` prop changes externally — syncs label from slotted options. */\n  private _syncSingleFromValue(): void {\n    // Use setTimeout to allow slotted children to upgrade after hydration\n    setTimeout(() => {\n      const options = Array.from(\n        this.querySelectorAll('lib-select-option')\n      ) as Array<HTMLElement & { value?: string; selected?: boolean }>;\n\n      const match = options.find(opt => opt.value === this.value);\n      if (match) {\n        this._selectedLabel = match.textContent?.trim() ?? '';\n        options.forEach(opt => { opt.selected = opt === match; });\n      }\n    }, 0);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-select': LibSelect;\n  }\n}"],"names":[],"mappings":"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"}