@shibui-ui/ui 1.24.1 → 1.25.1

package/dist/index63.js

@@ -1,8 +1,8 @@
 import { unsafeCSS, css, LitElement } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
-import treeSelectCss from "./index311.js";
+import { property, state, queryAll, customElement } from "lit/decorators.js";
+import segmentedCss from "./index225.js";
 import sharedTokens from "./index196.js";
-import { treeSelectTemplate } from "./index58.js";
+import { segmentedTemplate } from "./index226.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -13,305 +13,155 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibTreeSelect = class extends LitElement {
+let LibSegmentedControl = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.nodes = [];
-    this.multi = false;
-    this.inline = false;
-    this.searchable = true;
-    this.open = false;
+    this.options = [];
+    this.value = "";
+    this.variant = "outline";
+    this.size = "md";
+    this.full = false;
+    this.iconOnly = false;
     this.disabled = false;
-    this.placeholder = "Seleccionar…";
-    this.emptyText = "Sin resultados";
-    this._nodeStates = /* @__PURE__ */ new Map();
-    this._search = "";
-    this._parentMap = /* @__PURE__ */ new Map();
+    this.glitch = false;
+    this._thumbStyle = "";
   }
   /* ── Ciclo de vida ── */
-  connectedCallback() {
-    super.connectedCallback();
-    this._boundDocumentClick = (e) => this._onDocumentClick(e);
-    document.addEventListener("click", this._boundDocumentClick, true);
+  firstUpdated() {
+    this._updateThumb();
   }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    document.removeEventListener("click", this._boundDocumentClick, true);
-  }
-  willUpdate(changed) {
-    if (changed.has("nodes")) {
-      this._initState();
+  updated(changed) {
+    if (changed.has("value") || changed.has("variant") || changed.has("options")) {
+      Promise.resolve().then(() => this._updateThumb());
     }
   }
-  /* ── Inicialización ── */
-  _initState() {
-    this._nodeStates = /* @__PURE__ */ new Map();
-    this._parentMap = /* @__PURE__ */ new Map();
-    this._walkNodes(this.nodes, null);
-  }
-  _walkNodes(nodes, parentId) {
-    nodes.forEach((node) => {
-      var _a;
-      this._nodeStates.set(node.id, { selected: false, indeterminate: false, expanded: false });
-      this._parentMap.set(node.id, parentId);
-      if ((_a = node.children) == null ? void 0 : _a.length) this._walkNodes(node.children, node.id);
-    });
-  }
-  /* ── Traversal ── */
-  _getAllNodes(nodes, acc = []) {
-    nodes.forEach((n) => {
-      var _a;
-      acc.push(n);
-      if ((_a = n.children) == null ? void 0 : _a.length) this._getAllNodes(n.children, acc);
-    });
-    return acc;
-  }
-  _getLeaves(nodes, acc = []) {
-    nodes.forEach((n) => {
-      var _a;
-      if (!((_a = n.children) == null ? void 0 : _a.length)) acc.push(n);
-      else this._getLeaves(n.children, acc);
-    });
-    return acc;
-  }
-  _getSelectedLeaves() {
-    return this._getLeaves(this.nodes).filter(
-      (n) => {
-        var _a;
-        return ((_a = this._nodeStates.get(n.id)) == null ? void 0 : _a.selected) === true;
-      }
-    );
+  /* ── 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 ── */
-  _selectDown(node, selected) {
-    var _a;
-    const st = this._nodeStates.get(node.id);
-    if (st) {
-      st.selected = selected;
-      st.indeterminate = false;
-    }
-    (_a = node.children) == null ? void 0 : _a.forEach((c) => this._selectDown(c, selected));
-  }
-  _recalcAll(nodes) {
-    nodes.forEach((n) => {
-      var _a;
-      if (!((_a = n.children) == null ? void 0 : _a.length)) return;
-      this._recalcAll(n.children);
-      const allSel = n.children.every(
-        (c) => {
-          var _a2, _b;
-          return ((_a2 = this._nodeStates.get(c.id)) == null ? void 0 : _a2.selected) === true && !((_b = this._nodeStates.get(c.id)) == null ? void 0 : _b.indeterminate);
-        }
-      );
-      const someSel = n.children.some(
-        (c) => {
-          var _a2, _b;
-          return ((_a2 = this._nodeStates.get(c.id)) == null ? void 0 : _a2.selected) === true || ((_b = this._nodeStates.get(c.id)) == null ? void 0 : _b.indeterminate) === true;
-        }
-      );
-      const st = this._nodeStates.get(n.id);
-      if (st) {
-        st.selected = allSel;
-        st.indeterminate = !allSel && someSel;
-      }
-    });
-  }
-  _handleSelect(node) {
-    var _a, _b;
-    if (this.disabled) return;
-    const hasKids = (((_a = node.children) == null ? void 0 : _a.length) ?? 0) > 0;
-    if (!this.multi) {
-      if (hasKids) {
-        this._handleToggle(node.id);
-        return;
+  _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._getAllNodes(this.nodes).forEach((n) => {
-        const st2 = this._nodeStates.get(n.id);
-        if (st2) {
-          st2.selected = false;
-          st2.indeterminate = false;
-        }
-      });
-      const st = this._nodeStates.get(node.id);
-      if (st) st.selected = true;
-      this._nodeStates = new Map(this._nodeStates);
-      this.open = false;
-      this._emitChange();
-      return;
     }
-    const newSelected = !((_b = this._nodeStates.get(node.id)) == null ? void 0 : _b.selected);
-    this._selectDown(node, newSelected);
-    this._recalcAll(this.nodes);
-    this._nodeStates = new Map(this._nodeStates);
-    this._emitChange();
-  }
-  _handleToggle(id) {
-    const st = this._nodeStates.get(id);
-    if (!st) return;
-    st.expanded = !st.expanded;
-    this._nodeStates = new Map(this._nodeStates);
-  }
-  _handleClear() {
-    this._nodeStates.forEach((st) => {
-      st.selected = false;
-      st.indeterminate = false;
-    });
-    this._nodeStates = new Map(this._nodeStates);
-    this._emitChange();
-  }
-  _handleConfirm() {
-    this.open = false;
-    const sel = this._getSelectedLeaves();
-    const detail = { selected: sel, ids: sel.map((n) => n.id) };
-    this.dispatchEvent(new CustomEvent("ui-lib-tree-confirm", {
-      detail,
-      bubbles: true,
-      composed: true
-    }));
-  }
-  _handleTagRemove(id) {
-    const node = this._getAllNodes(this.nodes).find((n) => n.id === id);
-    if (!node) return;
-    const st = this._nodeStates.get(id);
-    if (st) st.selected = false;
-    this._recalcAll(this.nodes);
-    this._nodeStates = new Map(this._nodeStates);
-    this._emitChange();
-  }
-  _emitChange() {
-    const sel = this._getSelectedLeaves();
-    const detail = { selected: sel, ids: sel.map((n) => n.id) };
-    this.dispatchEvent(new CustomEvent("ui-lib-tree-change", {
-      detail,
-      bubbles: true,
-      composed: true
-    }));
+    this._triggerRipple(evt);
+    this.dispatchEvent(
+      new CustomEvent("ui-lib-change", {
+        detail: { value: this.value, previousValue },
+        bubbles: true,
+        composed: true
+      })
+    );
   }
-  /* ── Dropdown ── */
-  _toggleOpen() {
-    if (this.disabled) return;
-    this.open = !this.open;
-    if (this.open) {
-      setTimeout(() => {
-        var _a;
-        (_a = this.renderRoot.querySelector(".ts-search")) == null ? void 0 : _a.focus();
-      }, 60);
+  _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);
   }
-  _onDocumentClick(e) {
-    if (this.inline || !this.open) return;
-    if (!e.composedPath().includes(this)) this.open = false;
-  }
-  /* ── Valores derivados ── */
-  _getTriggerLabel() {
-    var _a;
-    if (!this.multi) {
-      const sel = this._getLeaves(this.nodes).find(
-        (n) => {
-          var _a2;
-          return ((_a2 = this._nodeStates.get(n.id)) == null ? void 0 : _a2.selected) === true;
-        }
+  /* ── 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
+        })
       );
-      return (sel == null ? void 0 : sel.label) ?? "";
     }
-    const count = this._getSelectionCount();
-    if (count === 0) return "";
-    if (count === 1) return ((_a = this._getSelectedLeaves()[0]) == null ? void 0 : _a.label) ?? "";
-    return `${count} seleccionados`;
-  }
-  _getSelectionCount() {
-    return this._getSelectedLeaves().length;
-  }
-  _getFooterInfo() {
-    const count = this._getSelectionCount();
-    if (count === 0) return "0 seleccionados";
-    return `${count} seleccionado${count !== 1 ? "s" : ""}`;
-  }
-  _getTags() {
-    return this._getSelectedLeaves().slice(0, 8).map((n) => ({ id: n.id, label: n.label }));
-  }
-  /* ── API pública ── */
-  openPanel() {
-    if (!this.inline && !this.disabled) this.open = true;
-  }
-  closePanel() {
-    this.open = false;
-  }
-  clear() {
-    this._handleClear();
-  }
-  getSelected() {
-    return this._getSelectedLeaves();
   }
   /* ── Render ── */
   render() {
-    const triggerLabel = this._getTriggerLabel();
-    return treeSelectTemplate({
-      nodes: this.nodes,
-      nodeStates: this._nodeStates,
-      multi: this.multi,
-      inline: this.inline,
-      searchable: this.searchable,
-      open: this.open,
+    return segmentedTemplate({
+      options: this.options,
+      value: this.value,
+      variant: this.variant,
+      size: this.size,
+      full: this.full,
+      iconOnly: this.iconOnly,
       disabled: this.disabled,
-      placeholder: this.placeholder,
-      emptyText: this.emptyText,
-      searchValue: this._search,
-      triggerLabel,
-      isPlaceholder: triggerLabel === "",
-      selectionCount: this._getSelectionCount(),
-      footerInfo: this._getFooterInfo(),
-      tags: this._getTags(),
-      onTriggerClick: () => this._toggleOpen(),
-      onSearch: (v) => {
-        this._search = v;
-      },
-      onClear: () => this._handleClear(),
-      onConfirm: () => this._handleConfirm(),
-      onTagRemove: (id) => this._handleTagRemove(id),
-      onToggle: (id) => this._handleToggle(id),
-      onSelect: (node) => this._handleSelect(node)
+      glitch: this.glitch,
+      thumbStyle: this._thumbStyle,
+      onSelect: (opt, evt) => this._handleSelect(opt, evt)
     });
   }
 };
-LibTreeSelect.styles = [
+LibSegmentedControl.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(treeSelectCss)}`
+  css`${unsafeCSS(segmentedCss)}`
 ];
 __decorateClass([
   property({ type: Array })
-], LibTreeSelect.prototype, "nodes", 2);
+], LibSegmentedControl.prototype, "options", 2);
 __decorateClass([
-  property({ type: Boolean, reflect: true })
-], LibTreeSelect.prototype, "multi", 2);
+  property({ type: String, reflect: true })
+], LibSegmentedControl.prototype, "value", 2);
 __decorateClass([
-  property({ type: Boolean, reflect: true })
-], LibTreeSelect.prototype, "inline", 2);
+  property({ type: String, reflect: true })
+], LibSegmentedControl.prototype, "variant", 2);
 __decorateClass([
-  property({ type: Boolean, reflect: true })
-], LibTreeSelect.prototype, "searchable", 2);
+  property({ type: String, reflect: true })
+], LibSegmentedControl.prototype, "size", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibTreeSelect.prototype, "open", 2);
+], LibSegmentedControl.prototype, "full", 2);
 __decorateClass([
-  property({ type: Boolean, reflect: true })
-], LibTreeSelect.prototype, "disabled", 2);
+  property({ type: Boolean, reflect: true, attribute: "icon-only" })
+], LibSegmentedControl.prototype, "iconOnly", 2);
 __decorateClass([
-  property({ type: String })
-], LibTreeSelect.prototype, "placeholder", 2);
+  property({ type: Boolean, reflect: true })
+], LibSegmentedControl.prototype, "disabled", 2);
 __decorateClass([
-  property({ type: String, attribute: "empty-text" })
-], LibTreeSelect.prototype, "emptyText", 2);
+  property({ type: Boolean, reflect: true })
+], LibSegmentedControl.prototype, "glitch", 2);
 __decorateClass([
   state()
-], LibTreeSelect.prototype, "_nodeStates", 2);
+], LibSegmentedControl.prototype, "_thumbStyle", 2);
 __decorateClass([
-  state()
-], LibTreeSelect.prototype, "_search", 2);
-LibTreeSelect = __decorateClass([
-  customElement("lib-tree-select")
-], LibTreeSelect);
+  queryAll(".seg-option")
+], LibSegmentedControl.prototype, "_optionEls", 2);
+LibSegmentedControl = __decorateClass([
+  customElement("lib-segmented-control")
+], LibSegmentedControl);
 export {
-  LibTreeSelect
+  LibSegmentedControl
 };
 //# sourceMappingURL=index63.js.map

package/dist/index63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index63.js","sources":["../src/components/molecules/tree-select/lib-tree-node.component.ts"],"sourcesContent":["import { LitElement, TemplateResult, css, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport treeSelectCss from './lib-tree-select.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type {\n  TreeNode,\n  TreeNodeState,\n  TreeSelectChangeDetail,\n  TreeSelectConfirmDetail,\n} from './lib-tree-node.types';\nimport { treeSelectTemplate } from './lib-tree-select.component.html';\n\n/**\n * @element lib-tree-select\n *\n * Selector jerárquico con soporte multi-nivel, propagación bidireccional\n * de selección, búsqueda y variantes dropdown / inline / single / multi.\n *\n * @prop {TreeNode[]} nodes         — Árbol de datos\n * @prop {boolean}   multi          — Selección múltiple (con checkboxes)\n * @prop {boolean}   inline         — Sin dropdown, árbol directo en layout\n * @prop {boolean}   searchable     — Mostrar barra de búsqueda\n * @prop {boolean}   open           — Estado del dropdown (reflected)\n * @prop {boolean}   disabled       — Deshabilitado (reflected)\n * @prop {string}    placeholder    — Texto cuando no hay selección\n * @prop {string}    empty-text     — Texto sin resultados de búsqueda\n *\n * @fires ui-lib-tree-change   — Cada vez que cambia la selección\n *                               Detail: { selected: TreeNode[], ids: string[] }\n * @fires ui-lib-tree-confirm  — Al pulsar \"Aplicar\" (solo multi dropdown)\n *                               Detail: { selected: TreeNode[], ids: string[] }\n */\n@customElement('lib-tree-select')\nexport class LibTreeSelect extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(treeSelectCss)}`,\n  ];\n\n  /* ── Propiedades públicas ── */\n  @property({ type: Array })  nodes: TreeNode[] = [];\n  @property({ type: Boolean, reflect: true }) multi      = false;\n  @property({ type: Boolean, reflect: true }) inline     = false;\n  @property({ type: Boolean, reflect: true }) searchable = true;\n  @property({ type: Boolean, reflect: true }) open       = false;\n  @property({ type: Boolean, reflect: true }) disabled   = false;\n  @property({ type: String }) placeholder = 'Seleccionar…';\n  @property({ type: String, attribute: 'empty-text' }) emptyText = 'Sin resultados';\n\n  /* ── Estado interno ── */\n  @state() private _nodeStates: Map<string, TreeNodeState> = new Map();\n  @state() private _search = '';\n\n  private _parentMap: Map<string, string | null> = new Map();\n  private _boundDocumentClick!: (e: Event) => void;\n\n  /* ── Ciclo de vida ── */\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._boundDocumentClick = (e: Event): void => this._onDocumentClick(e);\n    document.addEventListener('click', this._boundDocumentClick, true);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._boundDocumentClick, true);\n  }\n\n  protected override willUpdate(changed: Map<PropertyKey, unknown>): void {\n    if (changed.has('nodes')) {\n      this._initState();\n    }\n  }\n\n  /* ── Inicialización ── */\n\n  private _initState(): void {\n    this._nodeStates = new Map();\n    this._parentMap  = new Map();\n    this._walkNodes(this.nodes, null);\n  }\n\n  private _walkNodes(nodes: TreeNode[], parentId: string | null): void {\n    nodes.forEach(node => {\n      this._nodeStates.set(node.id, { selected: false, indeterminate: false, expanded: false });\n      this._parentMap.set(node.id, parentId);\n      if (node.children?.length) this._walkNodes(node.children, node.id);\n    });\n  }\n\n  /* ── Traversal ── */\n\n  private _getAllNodes(nodes: TreeNode[], acc: TreeNode[] = []): TreeNode[] {\n    nodes.forEach(n => {\n      acc.push(n);\n      if (n.children?.length) this._getAllNodes(n.children, acc);\n    });\n    return acc;\n  }\n\n  private _getLeaves(nodes: TreeNode[], acc: TreeNode[] = []): TreeNode[] {\n    nodes.forEach(n => {\n      if (!n.children?.length) acc.push(n);\n      else this._getLeaves(n.children, acc);\n    });\n    return acc;\n  }\n\n  private _getSelectedLeaves(): TreeNode[] {\n    return this._getLeaves(this.nodes).filter(\n      n => this._nodeStates.get(n.id)?.selected === true\n    );\n  }\n\n  /* ── Selección ── */\n\n  private _selectDown(node: TreeNode, selected: boolean): void {\n    const st = this._nodeStates.get(node.id);\n    if (st) { st.selected = selected; st.indeterminate = false; }\n    node.children?.forEach(c => this._selectDown(c, selected));\n  }\n\n  private _recalcAll(nodes: TreeNode[]): void {\n    nodes.forEach(n => {\n      if (!n.children?.length) return;\n      this._recalcAll(n.children);\n      const allSel  = n.children.every(c =>\n        this._nodeStates.get(c.id)?.selected === true &&\n        !this._nodeStates.get(c.id)?.indeterminate\n      );\n      const someSel = n.children.some(c =>\n        this._nodeStates.get(c.id)?.selected === true ||\n        this._nodeStates.get(c.id)?.indeterminate === true\n      );\n      const st = this._nodeStates.get(n.id);\n      if (st) { st.selected = allSel; st.indeterminate = !allSel && someSel; }\n    });\n  }\n\n  private _handleSelect(node: TreeNode): void {\n    if (this.disabled) return;\n    const hasKids = (node.children?.length ?? 0) > 0;\n\n    if (!this.multi) {\n      // Single — los nodos padre solo expanden/colapsan, NUNCA seleccionan\n      if (hasKids) {\n        this._handleToggle(node.id);\n        return;\n      }\n      // Hoja → limpiar todo, seleccionar, cerrar dropdown\n      this._getAllNodes(this.nodes).forEach(n => {\n        const st = this._nodeStates.get(n.id);\n        if (st) { st.selected = false; st.indeterminate = false; }\n      });\n      const st = this._nodeStates.get(node.id);\n      if (st) st.selected = true;\n      this._nodeStates = new Map(this._nodeStates);\n      this.open = false;\n      this._emitChange();\n      return;\n    }\n\n    // Multi — toggle + propagación bidireccional (padres e hijos seleccionables)\n    const newSelected = !this._nodeStates.get(node.id)?.selected;\n    this._selectDown(node, newSelected);\n    this._recalcAll(this.nodes);\n    this._nodeStates = new Map(this._nodeStates);\n    this._emitChange();\n  }\n\n  private _handleToggle(id: string): void {\n    const st = this._nodeStates.get(id);\n    if (!st) return;\n    st.expanded = !st.expanded;\n    this._nodeStates = new Map(this._nodeStates);\n  }\n\n  private _handleClear(): void {\n    this._nodeStates.forEach(st => { st.selected = false; st.indeterminate = false; });\n    this._nodeStates = new Map(this._nodeStates);\n    this._emitChange();\n  }\n\n  private _handleConfirm(): void {\n    this.open = false;\n    const sel    = this._getSelectedLeaves();\n    const detail: TreeSelectConfirmDetail = { selected: sel, ids: sel.map(n => n.id) };\n    this.dispatchEvent(new CustomEvent<TreeSelectConfirmDetail>('ui-lib-tree-confirm', {\n      detail, bubbles: true, composed: true,\n    }));\n  }\n\n  private _handleTagRemove(id: string): void {\n    const node = this._getAllNodes(this.nodes).find(n => n.id === id);\n    if (!node) return;\n    const st = this._nodeStates.get(id);\n    if (st) st.selected = false;\n    this._recalcAll(this.nodes);\n    this._nodeStates = new Map(this._nodeStates);\n    this._emitChange();\n  }\n\n  private _emitChange(): void {\n    const sel    = this._getSelectedLeaves();\n    const detail: TreeSelectChangeDetail = { selected: sel, ids: sel.map(n => n.id) };\n    this.dispatchEvent(new CustomEvent<TreeSelectChangeDetail>('ui-lib-tree-change', {\n      detail, bubbles: true, composed: true,\n    }));\n  }\n\n  /* ── Dropdown ── */\n\n  private _toggleOpen(): void {\n    if (this.disabled) return;\n    this.open = !this.open;\n    if (this.open) {\n      setTimeout((): void => {\n        (this.renderRoot.querySelector('.ts-search') as HTMLInputElement | null)?.focus();\n      }, 60);\n    }\n  }\n\n  private _onDocumentClick(e: Event): void {\n    if (this.inline || !this.open) return;\n    if (!e.composedPath().includes(this)) this.open = false;\n  }\n\n  /* ── Valores derivados ── */\n\n  private _getTriggerLabel(): string {\n    if (!this.multi) {\n      const sel = this._getLeaves(this.nodes).find(\n        n => this._nodeStates.get(n.id)?.selected === true\n      );\n      return sel?.label ?? '';\n    }\n    const count = this._getSelectionCount();\n    if (count === 0) return '';\n    if (count === 1) return this._getSelectedLeaves()[0]?.label ?? '';\n    return `${count} seleccionados`;\n  }\n\n  private _getSelectionCount(): number {\n    return this._getSelectedLeaves().length;\n  }\n\n  private _getFooterInfo(): string {\n    const count = this._getSelectionCount();\n    if (count === 0) return '0 seleccionados';\n    return `${count} seleccionado${count !== 1 ? 's' : ''}`;\n  }\n\n  private _getTags(): Array<{ id: string; label: string }> {\n    return this._getSelectedLeaves().slice(0, 8).map(n => ({ id: n.id, label: n.label }));\n  }\n\n  /* ── API pública ── */\n\n  public openPanel():  void { if (!this.inline && !this.disabled) this.open = true; }\n  public closePanel(): void { this.open = false; }\n  public clear():      void { this._handleClear(); }\n  public getSelected(): TreeNode[] { return this._getSelectedLeaves(); }\n\n  /* ── Render ── */\n\n  protected override render(): TemplateResult {\n    const triggerLabel = this._getTriggerLabel();\n    return treeSelectTemplate({\n      nodes:          this.nodes,\n      nodeStates:     this._nodeStates,\n      multi:          this.multi,\n      inline:         this.inline,\n      searchable:     this.searchable,\n      open:           this.open,\n      disabled:       this.disabled,\n      placeholder:    this.placeholder,\n      emptyText:      this.emptyText,\n      searchValue:    this._search,\n      triggerLabel,\n      isPlaceholder:  triggerLabel === '',\n      selectionCount: this._getSelectionCount(),\n      footerInfo:     this._getFooterInfo(),\n      tags:           this._getTags(),\n      onTriggerClick: (): void => this._toggleOpen(),\n      onSearch:       (v: string): void => { this._search = v; },\n      onClear:        (): void => this._handleClear(),\n      onConfirm:      (): void => this._handleConfirm(),\n      onTagRemove:    (id: string): void => this._handleTagRemove(id),\n      onToggle:       (id: string): void => this._handleToggle(id),\n      onSelect:       (node: TreeNode): void => this._handleSelect(node),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-tree-select': LibTreeSelect;\n  }\n}"],"names":["_a","st"],"mappings":"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"}
+{"version":3,"file":"index63.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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"}