@shibui-ui/ui 1.24.1 → 1.25.1

package/dist/index50.js

@@ -1,8 +1,9 @@
-import { unsafeCSS, css, LitElement } from "lit";
+import { unsafeCSS, css, LitElement, html } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { alertTemplate } from "./index285.js";
-import alertCss from "./index286.js";
+import groupCss from "./index197.js";
 import sharedTokens from "./index196.js";
+import { buttonGroupTemplate, buttonSplitTemplate } from "./index198.js";
+import "./index11.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -13,53 +14,299 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibAlert = class extends LitElement {
+let LibButtonGroup = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.type = "default";
-    this.heading = "";
-    this.closable = false;
-    this.glass = false;
+    this.shape = "flat";
+    this.orientation = "horizontal";
+    this.block = false;
+    this.toggle = false;
+    this.multi = 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._emitChange();
+    };
   }
+  /* ── Lifecycle ── */
   render() {
-    return alertTemplate({
-      type: this.type,
-      heading: this.heading,
-      closable: this.closable,
-      glass: this.glass,
-      handleClose: this._handleClose.bind(this)
-    });
+    return buttonGroupTemplate();
+  }
+  firstUpdated() {
+    var _a;
+    const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot");
+    if (slot) {
+      slot.addEventListener("slotchange", () => this._updateChildren());
+    }
+    this._updateChildren();
+    if (this.toggle) {
+      this.addEventListener("click", this._handleToggleClick);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.toggle) {
+      this.removeEventListener("click", this._handleToggleClick);
+    }
+  }
+  /* ── Children management ── */
+  _getButtons() {
+    return Array.from(this.querySelectorAll("lib-button"));
   }
-  _handleClose() {
-    this.dispatchEvent(
-      new CustomEvent("ui-lib-alert-close", {
-        detail: { type: this.type },
-        bubbles: true,
-        composed: true
-      })
+  _updateChildren() {
+    const all = Array.from(this.children);
+    const btns = all.filter(
+      (el) => el.tagName.toLowerCase() === "lib-button"
     );
+    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");
+      }
+    });
+  }
+  _emitChange() {
+    const btns = this._getButtons();
+    const active = [];
+    const activeIndex = [];
+    btns.forEach((btn, i) => {
+      var _a;
+      if (btn.hasAttribute("active")) {
+        activeIndex.push(i);
+        active.push(((_a = btn.textContent) == null ? void 0 : _a.trim()) ?? String(i));
+      }
+    });
+    this.dispatchEvent(new CustomEvent("ui-lib-group-change", {
+      detail: { active, activeIndex },
+      bubbles: true,
+      composed: true
+    }));
   }
 };
-LibAlert.styles = [
+LibButtonGroup.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(alertCss)}`
+  css`${unsafeCSS(groupCss)}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
-], LibAlert.prototype, "type", 2);
+], LibButtonGroup.prototype, "shape", 2);
 __decorateClass([
-  property({ type: String })
-], LibAlert.prototype, "heading", 2);
+  property({ type: String, reflect: true })
+], LibButtonGroup.prototype, "orientation", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibButtonGroup.prototype, "block", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibButtonGroup.prototype, "toggle", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibButtonGroup.prototype, "multi", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibButtonGroup.prototype, "dark", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibButtonGroup.prototype, "kintsugi", 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)}`
+];
+__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)}`
+];
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibButtonSplit.prototype, "variant", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibButtonSplit.prototype, "size", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibAlert.prototype, "closable", 2);
+], LibButtonSplit.prototype, "dark", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibAlert.prototype, "glass", 2);
-LibAlert = __decorateClass([
-  customElement("lib-alert")
-], LibAlert);
+], LibButtonSplit.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: String })
+], LibButtonSplit.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], LibButtonSplit.prototype, "items", 2);
+LibButtonSplit = __decorateClass([
+  customElement("lib-button-split")
+], LibButtonSplit);
 export {
-  LibAlert
+  LibButtonGroup,
+  LibButtonSep,
+  LibButtonSplit
 };
 //# sourceMappingURL=index50.js.map

package/dist/index50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index50.js","sources":["../src/components/molecules/lib-alert/lib-alert.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { alertTemplate } from './lib-alert.html';\nimport alertCss from './lib-alert.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { AlertType, AlertCloseDetail } from './lib-alert.types';\n\n/**\n * @element lib-alert\n *\n * Alerta estática para feedback contextual dentro del layout.\n * A diferencia de los Toasts, pertenece a una sección específica.\n *\n * @attr type     — default · info · warning · error · success\n * @attr heading  — Título override. Si no se pasa, se usa el nombre del tipo.\n * @attr closable — Muestra el botón ×\n * @attr glass    — Activa el efecto Agua (glassmorphism)\n *\n * @fires ui-lib-alert-close — { type } — al pulsar el botón de cierre\n *\n * @slot — Cuerpo del mensaje\n */\n@customElement('lib-alert')\nexport class LibAlert extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(alertCss)}`,\n  ];\n\n  @property({ type: String, reflect: true }) type:    AlertType = 'default';\n  @property({ type: String })                heading  = '';\n  @property({ type: Boolean, reflect: true }) closable = false;\n  @property({ type: Boolean, reflect: true }) glass    = false;\n\n  override render(): TemplateResult {\n    return alertTemplate({\n      type:        this.type,\n      heading:     this.heading,\n      closable:    this.closable,\n      glass:       this.glass,\n      handleClose: this._handleClose.bind(this),\n    });\n  }\n\n  private _handleClose(): void {\n    this.dispatchEvent(\n      new CustomEvent<AlertCloseDetail>('ui-lib-alert-close', {\n        detail:   { type: this.type },\n        bubbles:  true,\n        composed: true,\n      })\n    );\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-alert': LibAlert;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuBO,IAAM,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AAMsC,SAAA,OAAqB;AACrB,SAAA,UAAW;AACV,SAAA,WAAW;AACX,SAAA,QAAW;AAAA,EAAA;AAAA,EAE9C,SAAyB;AAChC,WAAO,cAAc;AAAA,MACnB,MAAa,KAAK;AAAA,MAClB,SAAa,KAAK;AAAA,MAClB,UAAa,KAAK;AAAA,MAClB,OAAa,KAAK;AAAA,MAClB,aAAa,KAAK,aAAa,KAAK,IAAI;AAAA,IAAA,CACzC;AAAA,EACH;AAAA,EAEQ,eAAqB;AAC3B,SAAK;AAAA,MACH,IAAI,YAA8B,sBAAsB;AAAA,QACtD,QAAU,EAAE,MAAM,KAAK,KAAA;AAAA,QACvB,SAAU;AAAA,QACV,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AACF;AA9Ba,SACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,QAAQ,CAAC;AAC3B;AAE2C,gBAAA;AAAA,EAA1C,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAN9B,SAMgC,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAA1C,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPf,SAOgC,WAAA,WAAA,CAAA;AACC,gBAAA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAR/B,SAQiC,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAT/B,SASiC,WAAA,SAAA,CAAA;AATjC,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}
+{"version":3,"file":"index50.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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"}

package/dist/index51.js

@@ -1,7 +1,7 @@
 import { unsafeCSS, css, LitElement } from "lit";
-import { property, customElement } from "lit/decorators.js";
-import { dropdownTemplate } from "./index287.js";
-import dropdownCss from "./index288.js";
+import { property, query, customElement } from "lit/decorators.js";
+import { checkboxCardTemplate } from "./index199.js";
+import checkboxCardCss from "./index200.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -13,127 +13,107 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibDropdown = class extends LitElement {
+let LibCheckboxCard = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.label = "Opciones";
-    this.variant = "default";
-    this.align = "left";
-    this.open = false;
+    this.checked = false;
+    this.inputType = "checkbox";
+    this.name = "";
+    this.value = "";
+    this.color = "kaki";
+    this.layout = "vertical";
+    this.cardTitle = "";
+    this.desc = "";
+    this.checkShape = "square";
     this.dark = false;
-    this.minWidth = "";
-    this.ariaLabel = "";
-    this._onOutsideClick = (e) => {
-      if (this.open && !e.composedPath().includes(this)) {
-        this.open = false;
-      }
-    };
-    this._onWindowKey = (e) => {
-      var _a;
-      if (this.open && e.key === "Escape") {
-        this.open = false;
-        const trigger = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".dd-trigger");
-        trigger == null ? void 0 : trigger.focus();
-      }
-    };
+    this.disabled = false;
+    this.error = false;
+    this.image = false;
   }
-  /* ── Lifecycle ── */
-  connectedCallback() {
-    super.connectedCallback();
-    window.addEventListener("click", this._onOutsideClick);
-    window.addEventListener("keydown", this._onWindowKey);
+  /* ── Ripple en click ── */
+  _handleClick(e) {
+    if (this.disabled) return;
+    this._spawnRipple(e);
   }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    window.removeEventListener("click", this._onOutsideClick);
-    window.removeEventListener("keydown", this._onWindowKey);
+  _spawnRipple(e) {
+    const ripple = this._rippleEl;
+    if (!ripple) return;
+    const rect = ripple.getBoundingClientRect();
+    const dot = document.createElement("span");
+    dot.className = "cc-ripple-dot";
+    dot.style.left = `${e.clientX - rect.left - 2}px`;
+    dot.style.top = `${e.clientY - rect.top - 2}px`;
+    ripple.appendChild(dot);
+    dot.addEventListener("animationend", () => dot.remove(), { once: true });
   }
-  /* ── Toggle ── */
-  _toggle() {
-    this.open = !this.open;
-    this.dispatchEvent(new CustomEvent("ui-lib-dropdown-toggle", {
-      detail: { open: this.open },
+  /* ── Cambio de estado ── */
+  _handleChange(e) {
+    const input = e.target;
+    this.checked = input.checked;
+    this.dispatchEvent(new CustomEvent("ui-lib-checkbox-card-change", {
+      detail: { checked: this.checked, value: this.value },
       bubbles: true,
       composed: true
     }));
-    if (this.open) {
-      requestAnimationFrame(() => {
-        const first = this._getItems()[0];
-        first == null ? void 0 : first.focus();
-      });
-    }
   }
-  /* ── Trigger keydown (Arrow Down abre el menú) ── */
-  _handleTriggerKey(e) {
-    if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      if (!this.open) this._toggle();
-    }
-  }
-  /* ── Menu keydown (Arrow Up/Down navega entre items) ── */
-  _handleMenuKey(e) {
-    const items = this._getItems();
-    if (!items.length) return;
-    const current = document.activeElement;
-    const idx = items.indexOf(current);
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      const next = items[(idx + 1) % items.length];
-      next == null ? void 0 : next.focus();
-    } else if (e.key === "ArrowUp") {
-      e.preventDefault();
-      const prev = items[(idx - 1 + items.length) % items.length];
-      prev == null ? void 0 : prev.focus();
-    } else if (e.key === "Tab") {
-      this.open = false;
-    }
-  }
-  /* ── Obtiene los items focusables del slot default ── */
-  _getItems() {
-    var _a;
-    const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot:not([name])");
-    if (!slot) return [];
-    return slot.assignedElements({ flatten: true }).filter(
-      (el) => el.classList.contains("dd-item") && !el.classList.contains("is-disabled")
-    );
-  }
-  /* ── Detecta si un slot con nombre tiene contenido ── */
+  /* Helper para detectar slots con contenido */
   _hasSlot(name) {
     return !!this.querySelector(`[slot="${name}"]`);
   }
   render() {
-    return dropdownTemplate(this);
+    return checkboxCardTemplate(this);
   }
 };
-LibDropdown.styles = [
+LibCheckboxCard.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(dropdownCss)}`
+  css`${unsafeCSS(checkboxCardCss)}`
 ];
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCheckboxCard.prototype, "checked", 2);
+__decorateClass([
+  property({ type: String, reflect: true, attribute: "input-type" })
+], LibCheckboxCard.prototype, "inputType", 2);
+__decorateClass([
+  property({ type: String })
+], LibCheckboxCard.prototype, "name", 2);
 __decorateClass([
   property({ type: String })
-], LibDropdown.prototype, "label", 2);
+], LibCheckboxCard.prototype, "value", 2);
 __decorateClass([
   property({ type: String, reflect: true })
-], LibDropdown.prototype, "variant", 2);
+], LibCheckboxCard.prototype, "color", 2);
 __decorateClass([
   property({ type: String, reflect: true })
-], LibDropdown.prototype, "align", 2);
+], LibCheckboxCard.prototype, "layout", 2);
+__decorateClass([
+  property({ type: String, attribute: "card-title" })
+], LibCheckboxCard.prototype, "cardTitle", 2);
+__decorateClass([
+  property({ type: String })
+], LibCheckboxCard.prototype, "desc", 2);
+__decorateClass([
+  property({ type: String, attribute: "check-shape" })
+], LibCheckboxCard.prototype, "checkShape", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibDropdown.prototype, "open", 2);
+], LibCheckboxCard.prototype, "dark", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibDropdown.prototype, "dark", 2);
+], LibCheckboxCard.prototype, "disabled", 2);
 __decorateClass([
-  property({ type: String, attribute: "min-width" })
-], LibDropdown.prototype, "minWidth", 2);
+  property({ type: Boolean, reflect: true })
+], LibCheckboxCard.prototype, "error", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCheckboxCard.prototype, "image", 2);
 __decorateClass([
-  property({ type: String, attribute: "aria-label" })
-], LibDropdown.prototype, "ariaLabel", 2);
-LibDropdown = __decorateClass([
-  customElement("lib-dropdown")
-], LibDropdown);
+  query(".cc-ripple")
+], LibCheckboxCard.prototype, "_rippleEl", 2);
+LibCheckboxCard = __decorateClass([
+  customElement("lib-checkbox-card")
+], LibCheckboxCard);
 export {
-  LibDropdown
+  LibCheckboxCard
 };
 //# sourceMappingURL=index51.js.map