@shibui-ui/ui 1.5.5

package/dist/index72.js

@@ -0,0 +1,247 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import tableCss from "./index328.js";
+import sharedTokens from "./index196.js";
+import { dataTableTemplate } from "./index329.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibDataTable = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.columns = [];
+    this.data = [];
+    this.variant = "lines";
+    this.size = "md";
+    this.dark = false;
+    this.loading = false;
+    this.selectable = false;
+    this.stickyHead = false;
+    this.caption = "";
+    this.emptyTitle = "Sin resultados";
+    this.emptyDesc = "Ningún elemento coincide con los filtros activos";
+    this.toolbar = false;
+    this.toolbarTitle = "";
+    this.pageSize = 0;
+    this.page = 1;
+    this.skeletonRows = 3;
+    this._sortKey = "";
+    this._sortDir = "asc";
+    this._query = "";
+    this._selected = /* @__PURE__ */ new Set();
+  }
+  /* ── Data pipeline ── */
+  _getProcessed() {
+    let rows = [...this.data];
+    if (this._query) {
+      const q = this._query;
+      rows = rows.filter(
+        (row) => Object.values(row).some((v) => String(v).toLowerCase().includes(q))
+      );
+    }
+    if (this._sortKey) {
+      const key = this._sortKey;
+      rows.sort((a, b) => {
+        const va = a[key];
+        const vb = b[key];
+        if (typeof va === "string" && typeof vb === "string") {
+          const r = va.localeCompare(vb, "es");
+          return this._sortDir === "asc" ? r : -r;
+        }
+        const ac = va;
+        const bc = vb;
+        if (ac === bc) return 0;
+        const ord = this._sortDir === "asc" ? 1 : -1;
+        return ac > bc ? ord : -ord;
+      });
+    }
+    return rows;
+  }
+  _getPaged(rows) {
+    if (!this.pageSize) return rows;
+    const start = (this.page - 1) * this.pageSize;
+    return rows.slice(start, start + this.pageSize);
+  }
+  /* ── Event handlers (exposed to template) ── */
+  _handleSort(key) {
+    if (this._sortKey === key) {
+      this._sortDir = this._sortDir === "asc" ? "desc" : "asc";
+    } else {
+      this._sortKey = key;
+      this._sortDir = "asc";
+    }
+    this.dispatchEvent(new CustomEvent("ui-lib-table-sort", {
+      detail: { key, dir: this._sortDir },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  _handleSearch(query) {
+    this._query = query.toLowerCase().trim();
+    this.page = 1;
+    this.dispatchEvent(new CustomEvent("ui-lib-table-filter", {
+      detail: { query },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  _handleSelectAll(checked, total) {
+    const updated = new Set(this._selected);
+    const offset = (this.page - 1) * (this.pageSize || 0);
+    for (let i = 0; i < total; i++) {
+      const gi = offset + i;
+      if (checked) updated.add(gi);
+      else updated.delete(gi);
+    }
+    this._selected = updated;
+    this._emitSelect();
+  }
+  _handleSelectRow(idx, checked) {
+    const updated = new Set(this._selected);
+    if (checked) updated.add(idx);
+    else updated.delete(idx);
+    this._selected = updated;
+    this._emitSelect();
+  }
+  _handleRowAction(row, idx) {
+    this.dispatchEvent(new CustomEvent("ui-lib-table-row-action", {
+      detail: { row, index: idx },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  _handlePageChange(p) {
+    this.page = p;
+  }
+  _emitSelect() {
+    const indices = [...this._selected];
+    this.dispatchEvent(new CustomEvent("ui-lib-table-select", {
+      detail: {
+        indices,
+        rows: indices.map((i) => this.data[i]).filter((r) => r !== void 0)
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /* ── Render ── */
+  render() {
+    const filtered = this._getProcessed();
+    const paged = this._getPaged(filtered);
+    const totalPages = this.pageSize ? Math.ceil(filtered.length / this.pageSize) : 0;
+    const offset = (this.page - 1) * (this.pageSize || 0);
+    const allSelected = paged.length > 0 && paged.every((_, i) => this._selected.has(offset + i));
+    const someSelected = !allSelected && paged.some((_, i) => this._selected.has(offset + i));
+    return dataTableTemplate({
+      columns: this.columns,
+      data: paged,
+      filteredTotal: filtered.length,
+      totalRows: this.data.length,
+      variant: this.variant,
+      size: this.size,
+      dark: this.dark,
+      loading: this.loading,
+      selectable: this.selectable,
+      stickyHead: this.stickyHead,
+      caption: this.caption,
+      emptyTitle: this.emptyTitle,
+      emptyDesc: this.emptyDesc,
+      toolbar: this.toolbar,
+      toolbarTitle: this.toolbarTitle,
+      skeletonRows: this.skeletonRows,
+      sortKey: this._sortKey,
+      sortDir: this._sortDir,
+      query: this._query,
+      selected: this._selected,
+      allSelected,
+      someSelected,
+      page: this.page,
+      pageSize: this.pageSize,
+      totalPages,
+      onSort: this._handleSort.bind(this),
+      onSearch: this._handleSearch.bind(this),
+      onSelectAll: this._handleSelectAll.bind(this),
+      onSelectRow: this._handleSelectRow.bind(this),
+      onRowAction: this._handleRowAction.bind(this),
+      onPageChange: this._handlePageChange.bind(this)
+    });
+  }
+};
+LibDataTable.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(tableCss)}`
+];
+__decorateClass([
+  property({ type: Array })
+], LibDataTable.prototype, "columns", 2);
+__decorateClass([
+  property({ type: Array })
+], LibDataTable.prototype, "data", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDataTable.prototype, "variant", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDataTable.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibDataTable.prototype, "dark", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibDataTable.prototype, "loading", 2);
+__decorateClass([
+  property({ type: Boolean })
+], LibDataTable.prototype, "selectable", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "sticky-head" })
+], LibDataTable.prototype, "stickyHead", 2);
+__decorateClass([
+  property({ type: String })
+], LibDataTable.prototype, "caption", 2);
+__decorateClass([
+  property({ type: String, attribute: "empty-title" })
+], LibDataTable.prototype, "emptyTitle", 2);
+__decorateClass([
+  property({ type: String, attribute: "empty-desc" })
+], LibDataTable.prototype, "emptyDesc", 2);
+__decorateClass([
+  property({ type: Boolean })
+], LibDataTable.prototype, "toolbar", 2);
+__decorateClass([
+  property({ type: String, attribute: "toolbar-title" })
+], LibDataTable.prototype, "toolbarTitle", 2);
+__decorateClass([
+  property({ type: Number, attribute: "page-size" })
+], LibDataTable.prototype, "pageSize", 2);
+__decorateClass([
+  property({ type: Number, reflect: true })
+], LibDataTable.prototype, "page", 2);
+__decorateClass([
+  property({ type: Number, attribute: "skeleton-rows" })
+], LibDataTable.prototype, "skeletonRows", 2);
+__decorateClass([
+  state()
+], LibDataTable.prototype, "_sortKey", 2);
+__decorateClass([
+  state()
+], LibDataTable.prototype, "_sortDir", 2);
+__decorateClass([
+  state()
+], LibDataTable.prototype, "_query", 2);
+__decorateClass([
+  state()
+], LibDataTable.prototype, "_selected", 2);
+LibDataTable = __decorateClass([
+  customElement("lib-data-table")
+], LibDataTable);
+export {
+  LibDataTable
+};
+//# sourceMappingURL=index72.js.map

package/dist/index72.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index72.js","sources":["../src/components/organisms/data-table/lib-data-table.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type {\n  TableColumn,\n  TableRowData,\n  TableVariant,\n  TableSize,\n  TableSortEventDetail,\n  TableFilterEventDetail,\n  TableSelectEventDetail,\n  TableRowActionEventDetail,\n} from './lib-data-table.types';\nimport tableCss      from './lib-data-table.css?inline';\nimport sharedTokens  from '../../../styles/shared/tokens.css?inline';\nimport { dataTableTemplate } from './lib-data-table.html';\n\n/**\n * @element lib-data-table\n *\n * Tabla de datos completa: sort, filtro, selección por checkbox,\n * paginación integrada, skeleton de carga, estado vacío, dark mode.\n *\n * @prop {TableColumn[]} columns        - Definición de columnas\n * @prop {TableRowData[]} data          - Dataset de filas\n * @prop {TableVariant}  variant        - lines | grid | striped | borderless\n * @prop {TableSize}     size           - sm | md | lg\n * @prop {boolean}       dark           - Superficie oscura\n * @prop {boolean}       loading        - Muestra skeleton de carga\n * @prop {boolean}       selectable     - Columna de checkboxes\n * @prop {boolean}       sticky-head    - Cabecera sticky (max-height 380px)\n * @prop {string}        caption        - Título accesible de la tabla\n * @prop {string}        empty-title    - Título del estado vacío\n * @prop {string}        empty-desc     - Descripción del estado vacío\n * @prop {boolean}       toolbar        - Muestra barra de herramientas\n * @prop {string}        toolbar-title  - Título de la toolbar\n * @prop {number}        page-size      - Filas por página (0 = sin paginación)\n * @prop {number}        page           - Página activa (1-indexed, reflected)\n * @prop {number}        skeleton-rows  - Número de filas skeleton (default: 3)\n *\n * @slot toolbar-actions  - Botones/acciones extra en la toolbar\n * @slot pagination       - Paginación externa (si no se usa page-size)\n *\n * @fires ui-lib-table-sort       - { key, dir }\n * @fires ui-lib-table-filter     - { query }\n * @fires ui-lib-table-select     - { indices, rows }\n * @fires ui-lib-table-row-action - { row, index }\n */\n@customElement('lib-data-table')\nexport class LibDataTable extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(tableCss)}`,\n  ];\n\n  /* ── Props ── */\n  @property({ type: Array })  columns:      TableColumn[]  = [];\n  @property({ type: Array })  data:         TableRowData[] = [];\n  @property({ type: String, reflect: true }) variant:      TableVariant = 'lines';\n  @property({ type: String, reflect: true }) size:         TableSize    = 'md';\n  @property({ type: Boolean, reflect: true }) dark         = false;\n  @property({ type: Boolean, reflect: true }) loading      = false;\n  @property({ type: Boolean }) selectable   = false;\n  @property({ type: Boolean, attribute: 'sticky-head' }) stickyHead = false;\n  @property({ type: String }) caption       = '';\n  @property({ type: String, attribute: 'empty-title' }) emptyTitle = 'Sin resultados';\n  @property({ type: String, attribute: 'empty-desc'  }) emptyDesc  = 'Ningún elemento coincide con los filtros activos';\n  @property({ type: Boolean }) toolbar      = false;\n  @property({ type: String, attribute: 'toolbar-title' }) toolbarTitle = '';\n  @property({ type: Number, attribute: 'page-size' }) pageSize = 0;\n  @property({ type: Number, reflect: true }) page = 1;\n  @property({ type: Number, attribute: 'skeleton-rows' }) skeletonRows = 3;\n\n  /* ── Internal state ── */\n  @state() private _sortKey  = '';\n  @state() private _sortDir: 'asc' | 'desc' = 'asc';\n  @state() private _query    = '';\n  @state() private _selected = new Set<number>();\n\n  /* ── Data pipeline ── */\n  private _getProcessed(): TableRowData[] {\n    let rows = [...this.data];\n\n    // Filter\n    if (this._query) {\n      const q = this._query;\n      rows = rows.filter(row =>\n        Object.values(row).some(v => String(v).toLowerCase().includes(q))\n      );\n    }\n\n    // Sort\n    if (this._sortKey) {\n      const key = this._sortKey;\n      rows.sort((a, b) => {\n        const va = a[key];\n        const vb = b[key];\n        if (typeof va === 'string' && typeof vb === 'string') {\n          const r = va.localeCompare(vb, 'es');\n          return this._sortDir === 'asc' ? r : -r;\n        }\n        const ac = va as string | number | boolean;\n        const bc = vb as string | number | boolean;\n        if (ac === bc) return 0;\n        const ord = this._sortDir === 'asc' ? 1 : -1;\n        return ac > bc ? ord : -ord;\n      });\n    }\n\n    return rows;\n  }\n\n  private _getPaged(rows: TableRowData[]): TableRowData[] {\n    if (!this.pageSize) return rows;\n    const start = (this.page - 1) * this.pageSize;\n    return rows.slice(start, start + this.pageSize);\n  }\n\n  /* ── Event handlers (exposed to template) ── */\n  _handleSort(key: string): void {\n    if (this._sortKey === key) {\n      this._sortDir = this._sortDir === 'asc' ? 'desc' : 'asc';\n    } else {\n      this._sortKey = key;\n      this._sortDir = 'asc';\n    }\n    this.dispatchEvent(new CustomEvent<TableSortEventDetail>('ui-lib-table-sort', {\n      detail: { key, dir: this._sortDir },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  _handleSearch(query: string): void {\n    this._query = query.toLowerCase().trim();\n    this.page   = 1;\n    this.dispatchEvent(new CustomEvent<TableFilterEventDetail>('ui-lib-table-filter', {\n      detail: { query },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  _handleSelectAll(checked: boolean, total: number): void {\n    const updated = new Set<number>(this._selected);\n    const offset  = (this.page - 1) * (this.pageSize || 0);\n    for (let i = 0; i < total; i++) {\n      const gi = offset + i;\n      if (checked) updated.add(gi);\n      else         updated.delete(gi);\n    }\n    this._selected = updated;\n    this._emitSelect();\n  }\n\n  _handleSelectRow(idx: number, checked: boolean): void {\n    const updated = new Set<number>(this._selected);\n    if (checked) updated.add(idx);\n    else         updated.delete(idx);\n    this._selected = updated;\n    this._emitSelect();\n  }\n\n  _handleRowAction(row: TableRowData, idx: number): void {\n    this.dispatchEvent(new CustomEvent<TableRowActionEventDetail>('ui-lib-table-row-action', {\n      detail: { row, index: idx },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  _handlePageChange(p: number): void {\n    this.page = p;\n  }\n\n  private _emitSelect(): void {\n    const indices = [...this._selected];\n    this.dispatchEvent(new CustomEvent<TableSelectEventDetail>('ui-lib-table-select', {\n      detail: {\n        indices,\n        rows: indices.map(i => this.data[i]).filter((r): r is TableRowData => r !== undefined),\n      },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  /* ── Render ── */\n  override render(): TemplateResult {\n    const filtered    = this._getProcessed();\n    const paged       = this._getPaged(filtered);\n    const totalPages  = this.pageSize ? Math.ceil(filtered.length / this.pageSize) : 0;\n    const offset      = (this.page - 1) * (this.pageSize || 0);\n    const allSelected = paged.length > 0 &&\n      paged.every((_, i) => this._selected.has(offset + i));\n    const someSelected = !allSelected &&\n      paged.some((_, i) => this._selected.has(offset + i));\n\n    return dataTableTemplate({\n      columns:       this.columns,\n      data:          paged,\n      filteredTotal: filtered.length,\n      totalRows:     this.data.length,\n      variant:       this.variant,\n      size:          this.size,\n      dark:          this.dark,\n      loading:       this.loading,\n      selectable:    this.selectable,\n      stickyHead:    this.stickyHead,\n      caption:       this.caption,\n      emptyTitle:    this.emptyTitle,\n      emptyDesc:     this.emptyDesc,\n      toolbar:       this.toolbar,\n      toolbarTitle:  this.toolbarTitle,\n      skeletonRows:  this.skeletonRows,\n      sortKey:       this._sortKey,\n      sortDir:       this._sortDir,\n      query:         this._query,\n      selected:      this._selected,\n      allSelected,\n      someSelected,\n      page:          this.page,\n      pageSize:      this.pageSize,\n      totalPages,\n      onSort:        this._handleSort.bind(this),\n      onSearch:      this._handleSearch.bind(this),\n      onSelectAll:   this._handleSelectAll.bind(this),\n      onSelectRow:   this._handleSelectRow.bind(this),\n      onRowAction:   this._handleRowAction.bind(this),\n      onPageChange:  this._handlePageChange.bind(this),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-data-table': LibDataTable;\n  }\n}"],"names":[],"mappings":"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"}

package/dist/index73.js

@@ -0,0 +1,57 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { accordionTemplate } from "./index330.js";
+import accordionCss from "./index331.js";
+import sharedTokens from "./index196.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibAccordion = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.variant = "default";
+    this.exclusive = false;
+  }
+  _handleToggle(e) {
+    if (!this.exclusive) return;
+    const target = e.target;
+    if (!target.open) return;
+    const items = Array.from(
+      this.querySelectorAll("lib-accordion-item")
+    );
+    items.forEach((item) => {
+      if (item !== target) {
+        item.open = false;
+      }
+    });
+  }
+  render() {
+    return accordionTemplate({
+      onToggle: this._handleToggle.bind(this)
+    });
+  }
+};
+LibAccordion.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(accordionCss)}`
+];
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibAccordion.prototype, "variant", 2);
+__decorateClass([
+  property({ type: Boolean })
+], LibAccordion.prototype, "exclusive", 2);
+LibAccordion = __decorateClass([
+  customElement("lib-accordion")
+], LibAccordion);
+export {
+  LibAccordion
+};
+//# sourceMappingURL=index73.js.map

package/dist/index73.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index73.js","sources":["../src/components/organisms/accordion/lib-accordion.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { accordionTemplate } from './lib-accordion.component.html';\nimport type { LibAccordionItem } from '../../atoms/accordion-item/lib-accordion-item.component';\nimport accordionCss from './lib-accordion.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\nexport type LibAccordionVariant = 'default' | 'flush' | 'separated' | 'accent';\n\n/**\n * @element lib-accordion\n *\n * Organismo que orquesta uno o varios lib-accordion-item.\n * Gestiona el modo exclusive y aplica variantes visuales\n * sobre los items via la API de CSS custom properties.\n *\n * @slot - lib-accordion-item elements\n *\n * @example\n * <lib-accordion variant=\"accent\" exclusive>\n *   <lib-accordion-item label=\"Pregunta 1\">Respuesta 1</lib-accordion-item>\n *   <lib-accordion-item label=\"Pregunta 2\" open>Respuesta 2</lib-accordion-item>\n * </lib-accordion>\n */\n@customElement('lib-accordion')\nexport class LibAccordion extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(accordionCss)}`,\n  ];\n\n  /** Variante visual del accordion */\n  @property({ type: String, reflect: true })\n  variant: LibAccordionVariant = 'default';\n\n  /**\n   * Si true, solo un item puede estar abierto a la vez.\n   * Al abrir uno, los demas se cierran automaticamente.\n   */\n  @property({ type: Boolean })\n  exclusive = false;\n\n  private _handleToggle(e: Event): void {\n    if (!this.exclusive) return;\n\n    const target = e.target as LibAccordionItem;\n\n    // Solo actuamos si el item se acaba de abrir\n    if (!target.open) return;\n\n    const items = Array.from(\n      this.querySelectorAll<LibAccordionItem>('lib-accordion-item')\n    );\n\n    items.forEach(item => {\n      if (item !== target) {\n        item.open = false;\n      }\n    });\n  }\n\n  override render(): TemplateResult {\n    return accordionTemplate({\n      onToggle: this._handleToggle.bind(this),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-accordion': LibAccordion;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyBO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAQL,SAAA,UAA+B;AAO/B,SAAA,YAAY;AAAA,EAAA;AAAA,EAEJ,cAAc,GAAgB;AACpC,QAAI,CAAC,KAAK,UAAW;AAErB,UAAM,SAAS,EAAE;AAGjB,QAAI,CAAC,OAAO,KAAM;AAElB,UAAM,QAAQ,MAAM;AAAA,MAClB,KAAK,iBAAmC,oBAAoB;AAAA,IAAA;AAG9D,UAAM,QAAQ,CAAA,SAAQ;AACpB,UAAI,SAAS,QAAQ;AACnB,aAAK,OAAO;AAAA,MACd;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAES,SAAyB;AAChC,WAAO,kBAAkB;AAAA,MACvB,UAAU,KAAK,cAAc,KAAK,IAAI;AAAA,IAAA,CACvC;AAAA,EACH;AACF;AAzCa,aACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,YAAY,CAAC;AAC/B;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAP9B,aAQX,WAAA,WAAA,CAAA;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GAdhB,aAeX,WAAA,aAAA,CAAA;AAfW,eAAN,gBAAA;AAAA,EADN,cAAc,eAAe;AAAA,GACjB,YAAA;"}

package/dist/index74.js

@@ -0,0 +1,92 @@
+import { unsafeCSS, css, LitElement, html } from "lit";
+import { state, customElement } from "lit/decorators.js";
+import { repeat as c } from "./index332.js";
+import toastManagerCss from "./index333.js";
+import sharedTokens from "./index196.js";
+import "./index50.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibToastManager = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._toasts = [];
+  }
+  /* ──────────────────────────────────────────────────────────
+     API PÚBLICA
+  ─────────────────────────────────────────────────────────── */
+  add(config) {
+    const id = crypto.randomUUID();
+    this._toasts = [...this._toasts, { ...config, id }];
+    if (config.duration !== 0) {
+      setTimeout(() => this._dismissWithAnimation(id), config.duration ?? 5e3);
+    }
+  }
+  dismiss(id) {
+    this._dismissWithAnimation(id);
+  }
+  dismissAll() {
+    this._toasts.forEach((t) => this._dismissWithAnimation(t.id));
+  }
+  /* ──────────────────────────────────────────────────────────
+     ANIMACIÓN DE SALIDA
+     Aplica .is-leaving → espera la transición → elimina del array
+  ─────────────────────────────────────────────────────────── */
+  _dismissWithAnimation(id) {
+    const el = this.renderRoot.querySelector(`[data-toast-id="${id}"]`);
+    if (el) {
+      el.classList.add("is-leaving");
+      el.addEventListener("animationend", () => {
+        this._removeToast(id);
+      }, { once: true });
+    } else {
+      this._removeToast(id);
+    }
+  }
+  _removeToast(id) {
+    this._toasts = this._toasts.filter((t) => t.id !== id);
+  }
+  /* ──────────────────────────────────────────────────────────
+     RENDER
+  ─────────────────────────────────────────────────────────── */
+  render() {
+    return html`
+      ${c(
+      this._toasts,
+      (toast) => toast.id,
+      (toast) => html`
+          <lib-alert
+            data-toast-id="${toast.id}"
+            type="${toast.type}"
+            heading="${toast.heading ?? ""}"
+            closable
+            @ui-lib-alert-close="${(_e) => this.dismiss(toast.id)}"
+          >
+            ${toast.message}
+          </lib-alert>
+        `
+    )}
+    `;
+  }
+};
+LibToastManager.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(toastManagerCss)}`
+];
+__decorateClass([
+  state()
+], LibToastManager.prototype, "_toasts", 2);
+LibToastManager = __decorateClass([
+  customElement("lib-toast-manager")
+], LibToastManager);
+export {
+  LibToastManager
+};
+//# sourceMappingURL=index74.js.map

package/dist/index74.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index74.js","sources":["../src/components/organisms/toast-manager/lib-toast-manager.component.ts"],"sourcesContent":["import { LitElement, TemplateResult, html, css, unsafeCSS } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport toastManagerCss from './lib-toast-manager.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport '../../molecules/lib-alert/lib-alert.component';\nimport type { AlertCloseDetail, AlertType } from './../../molecules/lib-alert/lib-alert.types';\n\n/* AlertType importado desde types, no desde el componente */\n\n/* ── Interfaz pública de cada toast ── */\nexport interface Toast {\n  id:        string;\n  message:   string;\n  type:      AlertType;\n  heading?:  string;      /* Override del título — si no se pasa usa el tipo */\n  duration?: number;      /* ms. 0 = persistente. Default: 5000 */\n}\n\n/**\n * @element lib-toast-manager\n *\n * Contenedor fijo de notificaciones efímeras.\n * Usa `lib-alert` internamente con `closable` siempre activo.\n *\n * @method add(config)     — Añade un toast. Acepta Omit<Toast, 'id'>.\n * @method dismiss(id)     — Elimina un toast por id (con animación de salida).\n * @method dismissAll()    — Elimina todos los toasts activos.\n */\n@customElement('lib-toast-manager')\nexport class LibToastManager extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(toastManagerCss)}`,\n  ];\n\n  @state() private _toasts: Toast[] = [];\n\n  /* ──────────────────────────────────────────────────────────\n     API PÚBLICA\n  ─────────────────────────────────────────────────────────── */\n\n  public add(config: Omit<Toast, 'id'>): void {\n    const id: string = crypto.randomUUID();\n    this._toasts = [...this._toasts, { ...config, id }];\n\n    if (config.duration !== 0) {\n      setTimeout((): void => this._dismissWithAnimation(id), config.duration ?? 5000);\n    }\n  }\n\n  public dismiss(id: string): void {\n    this._dismissWithAnimation(id);\n  }\n\n  public dismissAll(): void {\n    this._toasts.forEach(t => this._dismissWithAnimation(t.id));\n  }\n\n  /* ──────────────────────────────────────────────────────────\n     ANIMACIÓN DE SALIDA\n     Aplica .is-leaving → espera la transición → elimina del array\n  ─────────────────────────────────────────────────────────── */\n  private _dismissWithAnimation(id: string): void {\n    const el = this.renderRoot.querySelector<HTMLElement>(`[data-toast-id=\"${id}\"]`);\n\n    if (el) {\n      el.classList.add('is-leaving');\n      /* duration-base = 200ms + pequeño margen */\n      el.addEventListener('animationend', (): void => {\n        this._removeToast(id);\n      }, { once: true });\n    } else {\n      /* Si el elemento ya no está en el DOM, borramos directamente */\n      this._removeToast(id);\n    }\n  }\n\n  private _removeToast(id: string): void {\n    this._toasts = this._toasts.filter((t: Toast): boolean => t.id !== id);\n  }\n\n  /* ──────────────────────────────────────────────────────────\n     RENDER\n  ─────────────────────────────────────────────────────────── */\n  protected override render(): TemplateResult {\n    return html`\n      ${repeat(\n        this._toasts,\n        (toast: Toast): string => toast.id,\n        (toast: Toast): TemplateResult => html`\n          <lib-alert\n            data-toast-id=\"${toast.id}\"\n            type=\"${toast.type}\"\n            heading=\"${toast.heading ?? ''}\"\n            closable\n            @ui-lib-alert-close=\"${(_e: CustomEvent<AlertCloseDetail>): void => this.dismiss(toast.id)}\"\n          >\n            ${toast.message}\n          </lib-alert>\n        `\n      )}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-toast-manager': LibToastManager;\n  }\n}"],"names":["repeat"],"mappings":";;;;;;;;;;;;;;;;AA8BO,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AAMI,SAAQ,UAAmB,CAAA;AAAA,EAAC;AAAA;AAAA;AAAA;AAAA,EAM9B,IAAI,QAAiC;AAC1C,UAAM,KAAa,OAAO,WAAA;AAC1B,SAAK,UAAU,CAAC,GAAG,KAAK,SAAS,EAAE,GAAG,QAAQ,IAAI;AAElD,QAAI,OAAO,aAAa,GAAG;AACzB,iBAAW,MAAY,KAAK,sBAAsB,EAAE,GAAG,OAAO,YAAY,GAAI;AAAA,IAChF;AAAA,EACF;AAAA,EAEO,QAAQ,IAAkB;AAC/B,SAAK,sBAAsB,EAAE;AAAA,EAC/B;AAAA,EAEO,aAAmB;AACxB,SAAK,QAAQ,QAAQ,CAAA,MAAK,KAAK,sBAAsB,EAAE,EAAE,CAAC;AAAA,EAC5D;AAAA;AAAA;AAAA;AAAA;AAAA,EAMQ,sBAAsB,IAAkB;AAC9C,UAAM,KAAK,KAAK,WAAW,cAA2B,mBAAmB,EAAE,IAAI;AAE/E,QAAI,IAAI;AACN,SAAG,UAAU,IAAI,YAAY;AAE7B,SAAG,iBAAiB,gBAAgB,MAAY;AAC9C,aAAK,aAAa,EAAE;AAAA,MACtB,GAAG,EAAE,MAAM,MAAM;AAAA,IACnB,OAAO;AAEL,WAAK,aAAa,EAAE;AAAA,IACtB;AAAA,EACF;AAAA,EAEQ,aAAa,IAAkB;AACrC,SAAK,UAAU,KAAK,QAAQ,OAAO,CAAC,MAAsB,EAAE,OAAO,EAAE;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA,EAKmB,SAAyB;AAC1C,WAAO;AAAA,QACHA;AAAAA,MACA,KAAK;AAAA,MACL,CAAC,UAAyB,MAAM;AAAA,MAChC,CAAC,UAAiC;AAAA;AAAA,6BAEb,MAAM,EAAE;AAAA,oBACjB,MAAM,IAAI;AAAA,uBACP,MAAM,WAAW,EAAE;AAAA;AAAA,mCAEP,CAAC,OAA4C,KAAK,QAAQ,MAAM,EAAE,CAAC;AAAA;AAAA,cAExF,MAAM,OAAO;AAAA;AAAA;AAAA,IAAA,CAGpB;AAAA;AAAA,EAEL;AACF;AA1Ea,gBACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,eAAe,CAAC;AAClC;AAEiB,gBAAA;AAAA,EAAhB,MAAA;AAAM,GANI,gBAMM,WAAA,WAAA,CAAA;AANN,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}

package/dist/index75.js

@@ -0,0 +1,142 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { parallaxTemplate } from "./index334.js";
+import parallaxCss from "./index335.js";
+import sharedTokens from "./index196.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibParallaxContainer = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.speed = 0.2;
+    this.axis = "y";
+    this.clamp = 0;
+    this._observer = null;
+    this._isVisible = false;
+    this._ticking = false;
+    this._reducedMotion = false;
+    this._onScroll = () => {
+      if (!this._isVisible || this._reducedMotion) return;
+      if (this._ticking) return;
+      this._ticking = true;
+      requestAnimationFrame(() => {
+        this._applyParallax();
+        this._ticking = false;
+      });
+    };
+  }
+  /* ── Lifecycle ── */
+  connectedCallback() {
+    super.connectedCallback();
+    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+    this._reducedMotion = mq.matches;
+    mq.addEventListener("change", (e) => {
+      this._reducedMotion = e.matches;
+      if (this._reducedMotion) this._resetTransforms();
+    });
+    window.addEventListener("scroll", this._onScroll, { passive: true });
+    this._setupObserver();
+  }
+  disconnectedCallback() {
+    var _a;
+    super.disconnectedCallback();
+    window.removeEventListener("scroll", this._onScroll);
+    (_a = this._observer) == null ? void 0 : _a.disconnect();
+    this._observer = null;
+  }
+  /* ── IntersectionObserver — activa/desactiva will-change ── */
+  _setupObserver() {
+    this._observer = new IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        if (!entry) return;
+        this._isVisible = entry.isIntersecting;
+        if (this._isVisible) {
+          this.setAttribute("visible", "");
+          requestAnimationFrame(() => this._applyParallax());
+        } else {
+          this.removeAttribute("visible");
+        }
+      },
+      { threshold: 0.01 }
+    );
+    this._observer.observe(this);
+  }
+  /**
+   * Cálculo del desplazamiento parallax.
+   *
+   * Fórmula: centerOffset = distancia entre el centro del elemento
+   * y el centro del viewport. Cuando el elemento está centrado en
+   * pantalla → offset = 0, sin desplazamiento.
+   * Cuando el elemento sube por encima → offset negativo → el elemento
+   * se desplaza hacia arriba (más rápido o más lento que el scroll).
+   *
+   * Esto es más correcto que `(scrollY - offsetTop) * speed` porque:
+   * 1. No depende del offsetParent (fiable en Shadow DOM)
+   * 2. El punto neutro es el centro visual, no el top de la página
+   */
+  _applyParallax() {
+    var _a;
+    const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot");
+    if (!slot) return;
+    const rect = this.getBoundingClientRect();
+    const centerOffset = rect.top + rect.height / 2 - window.innerHeight / 2;
+    const elements = slot.assignedElements();
+    elements.forEach((el) => {
+      const factor = parseFloat(el.dataset["parallaxFactor"] ?? "1");
+      const move = centerOffset * this.speed * factor;
+      const clamped = this.clamp > 0 ? Math.min(Math.max(move, -this.clamp), this.clamp) : move;
+      switch (this.axis) {
+        case "x":
+          el.style.transform = `translate3d(${clamped}px, 0, 0)`;
+          break;
+        case "xy":
+          el.style.transform = `translate3d(${clamped}px, ${clamped}px, 0)`;
+          break;
+        case "y":
+        default:
+          el.style.transform = `translate3d(0, ${clamped}px, 0)`;
+      }
+    });
+  }
+  /** Limpia los transforms (p.ej. al activar prefers-reduced-motion en runtime) */
+  _resetTransforms() {
+    var _a;
+    const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot");
+    const elements = slot == null ? void 0 : slot.assignedElements();
+    elements == null ? void 0 : elements.forEach((el) => {
+      el.style.transform = "";
+    });
+  }
+  render() {
+    return parallaxTemplate();
+  }
+};
+LibParallaxContainer.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(parallaxCss)}`
+];
+__decorateClass([
+  property({ type: Number })
+], LibParallaxContainer.prototype, "speed", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibParallaxContainer.prototype, "axis", 2);
+__decorateClass([
+  property({ type: Number })
+], LibParallaxContainer.prototype, "clamp", 2);
+LibParallaxContainer = __decorateClass([
+  customElement("lib-parallax-container")
+], LibParallaxContainer);
+export {
+  LibParallaxContainer
+};
+//# sourceMappingURL=index75.js.map

package/dist/index75.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index75.js","sources":["../src/components/organisms/parallax-container/lib-parallax.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { parallaxTemplate } from './lib-parallax.html';\nimport parallaxCss from './lib-parallax.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { ParallaxAxis } from './lib-parallax.types';\n\n/**\n * lib-parallax-container\n *\n * Aplica desplazamiento parallax a los hijos directos del slot\n * al hacer scroll. El efecto es 0 cuando el elemento está centrado\n * en el viewport, y se desplaza proporcionalmente al alejarse del centro.\n *\n * Cada hijo puede sobrescribir el multiplicador con `data-parallax-factor`.\n * Ejemplo: `<div data-parallax-factor=\"0.3\">fondo lento</div>`\n *          `<div data-parallax-factor=\"2\">elemento rápido</div>`\n *\n * @prop speed  — Multiplicador de desplazamiento base (default 0.2)\n * @prop axis   — Eje del efecto: 'y' | 'x' | 'xy' (default 'y')\n * @prop clamp  — Máximo desplazamiento en px (0 = sin límite, default 0)\n *\n * @cssvar --parallax-speed — Alternativa CSS al prop speed (no reactivo)\n *\n * @slot — Elementos a desplazar. Cada hijo acepta data-parallax-factor.\n */\n@customElement('lib-parallax-container')\nexport class LibParallaxContainer extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(parallaxCss)}`,\n  ];\n\n  /** Multiplicador de desplazamiento base */\n  @property({ type: Number })\n  speed = 0.2;\n\n  /** Eje sobre el que opera el efecto */\n  @property({ type: String, reflect: true })\n  axis: ParallaxAxis = 'y';\n\n  /** Máximo desplazamiento absoluto en px (0 = sin límite) */\n  @property({ type: Number })\n  clamp = 0;\n\n  private _observer: IntersectionObserver | null = null;\n  private _isVisible = false;\n  private _ticking = false;\n  private _reducedMotion = false;\n\n  /* ── Lifecycle ── */\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // matchMedia para prefers-reduced-motion\n    const mq = window.matchMedia('(prefers-reduced-motion: reduce)');\n    this._reducedMotion = mq.matches;\n    mq.addEventListener('change', (e: MediaQueryListEvent): void => {\n      this._reducedMotion = e.matches;\n      if (this._reducedMotion) this._resetTransforms();\n    });\n\n    window.addEventListener('scroll', this._onScroll, { passive: true });\n    this._setupObserver();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('scroll', this._onScroll);\n    this._observer?.disconnect();\n    this._observer = null;\n  }\n\n  /* ── IntersectionObserver — activa/desactiva will-change ── */\n  private _setupObserver(): void {\n    this._observer = new IntersectionObserver(\n      (entries: IntersectionObserverEntry[]): void => {\n        const entry = entries[0];\n        if (!entry) return;\n        this._isVisible = entry.isIntersecting;\n        // Sincroniza el atributo [visible] → activa/desactiva will-change via CSS\n        if (this._isVisible) {\n          this.setAttribute('visible', '');\n          // Calcular posición inicial al entrar en viewport\n          requestAnimationFrame((): void => this._applyParallax());\n        } else {\n          this.removeAttribute('visible');\n        }\n      },\n      { threshold: 0.01 },\n    );\n    this._observer.observe(this);\n  }\n\n  /* ── Scroll handler con rAF throttle ── */\n  private _onScroll = (): void => {\n    if (!this._isVisible || this._reducedMotion) return;\n    if (this._ticking) return;\n    this._ticking = true;\n    requestAnimationFrame((): void => {\n      this._applyParallax();\n      this._ticking = false;\n    });\n  };\n\n  /**\n   * Cálculo del desplazamiento parallax.\n   *\n   * Fórmula: centerOffset = distancia entre el centro del elemento\n   * y el centro del viewport. Cuando el elemento está centrado en\n   * pantalla → offset = 0, sin desplazamiento.\n   * Cuando el elemento sube por encima → offset negativo → el elemento\n   * se desplaza hacia arriba (más rápido o más lento que el scroll).\n   *\n   * Esto es más correcto que `(scrollY - offsetTop) * speed` porque:\n   * 1. No depende del offsetParent (fiable en Shadow DOM)\n   * 2. El punto neutro es el centro visual, no el top de la página\n   */\n  private _applyParallax(): void {\n    const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement | null;\n    if (!slot) return;\n\n    const rect         = this.getBoundingClientRect();\n    const centerOffset = (rect.top + rect.height / 2) - (window.innerHeight / 2);\n\n    const elements = slot.assignedElements() as HTMLElement[];\n\n    elements.forEach((el): void => {\n      const factor = parseFloat(el.dataset['parallaxFactor'] ?? '1');\n      const move   = centerOffset * this.speed * factor;\n      const clamped = this.clamp > 0\n        ? Math.min(Math.max(move, -this.clamp), this.clamp)\n        : move;\n\n      switch (this.axis) {\n        case 'x':\n          el.style.transform = `translate3d(${clamped}px, 0, 0)`;\n          break;\n        case 'xy':\n          el.style.transform = `translate3d(${clamped}px, ${clamped}px, 0)`;\n          break;\n        case 'y':\n        default:\n          el.style.transform = `translate3d(0, ${clamped}px, 0)`;\n      }\n    });\n  }\n\n  /** Limpia los transforms (p.ej. al activar prefers-reduced-motion en runtime) */\n  private _resetTransforms(): void {\n    const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement | null;\n    const elements = slot?.assignedElements() as HTMLElement[] | undefined;\n    elements?.forEach((el): void => { el.style.transform = ''; });\n  }\n\n  protected override render(): TemplateResult {\n    return parallaxTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-parallax-container': LibParallaxContainer;\n  }\n}"],"names":[],"mappings":"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"}