npm - @dropi/ui - Versions diffs - 0.1.41 → 0.1.42 - Mend

@dropi/ui 0.1.41 → 0.1.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (605) hide show

package/dist/dropi-ui/dropi-table.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dropi-table.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-table/dropi-table.css?tag=dropi-table&encapsulation=shadow","src/components/dropi-table/dropi-table.tsx"],"sourcesContent":[":host { display: block; width: 100%; min-width: 0; }\n, ::before, ::after { box-sizing: border-box; }\n\n/ ── Contenedor principal ─────────────────────────────────────────── /\n.table-container {\n width: 100%;\n min-width: 0;\n border-radius: var(--Border-3);\n padding: 0 var(--Size-4) var(--Size-4) var(--Size-4);\n background-color: var(--Neutral-White);\n}\n\n/ ── Search / toolbar ─────────────────────────────────────────────── /\n.search-container {\n margin-block: var(--Size-5);\n display: flex;\n flex-direction: column;\n gap: var(--Size-4);\n}\n\n.table-title {\n padding-block: var(--Size-2);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n color: var(--Gray-Gray-700);\n margin: 0;\n}\n\n.search-actions {\n display: flex;\n align-items: flex-end;\n gap: var(--Size-3);\n width: 100%;\n}\n\n.search-actions dropi-input { flex: 1; }\n\n.search-actions.only-filter { justify-content: flex-end; }\n\n.table-tools { display: flex; justify-content: flex-end; }\n\n.column-selector-container { position: relative; }\n\n.column-selector-btn {\n min-width: 40px;\n width: 40px;\n height: 40px;\n padding: 0;\n border: 1px solid var(--Gray-Gray-200);\n border-radius: var(--Border-2);\n background: var(--Neutral-White);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.column-selector-btn:hover { background: var(--Gray-Gray-50); }\n\n.column-selector-menu {\n position: absolute;\n top: calc(100% + 8px);\n right: 0;\n width: min(320px, 88vw);\n border: 1px solid var(--Gray-Gray-200);\n border-radius: var(--Border-2);\n background: var(--Neutral-White);\n box-shadow: var(--Shadow-medium);\n z-index: 20;\n padding: var(--Size-1);\n}\n\n.column-selector-footer {\n border-top: 1px solid var(--Gray-Gray-100);\n margin-top: var(--Size-1);\n padding: var(--Size-2) var(--Size-4);\n display: flex;\n align-items: center;\n}\n\n.column-selector-all {\n display: inline-flex;\n align-items: center;\n gap: var(--Size-2);\n color: var(--Gray-Gray-700);\n font-size: var(--font-size-s);\n cursor: pointer;\n user-select: none;\n}\n\n.column-selector-option {\n display: flex;\n align-items: center;\n gap: var(--Size-2);\n padding: var(--Size-2) var(--Size-3);\n font-size: var(--font-size-s);\n color: var(--Gray-Gray-700);\n cursor: pointer;\n border-radius: var(--Border-1);\n}\n.column-selector-option:hover { background: var(--Gray-Gray-50); }\n\n/ ── Table wrapper ────────────────────────────────────────────────── /\n.table-wrapper {\n overflow-x: auto;\n width: 100%;\n position: relative;\n}\n\n/ Cuando hay acciones, el wrapper es más angosto igual que el host Angular\n para que la columna sticky quede siempre visible sin tapar contenido /\n.table-wrapper.has-sticky-actions { width: 100%; }\n\n.table-wrapper::-webkit-scrollbar { height: 6px; }\n.table-wrapper::-webkit-scrollbar-track { background: transparent; }\n.table-wrapper::-webkit-scrollbar-thumb { background: var(--Gray-Gray-200, #c3c9d9); border-radius: 3px; }\n.table-wrapper::-webkit-scrollbar-thumb:hover { background: var(--Gray-Gray-400, #858ea6); }\n\n/ ── Table ────────────────────────────────────────────────────────── /\n.custom-table {\n width: 100%;\n border-collapse: collapse;\n}\n\n\n/ th/td shared separator via ::after /\n.custom-table th,\n.custom-table td {\n position: relative;\n padding: var(--Size-3);\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-bold);\n color: var(--Gray-Gray-700);\n}\n\n.custom-table th::after,\n.custom-table td::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: var(--Gray-Gray-100);\n}\n\n/ th /\n.custom-table th {\n height: 55px;\n user-select: none;\n}\n\n.custom-table th.sortable { cursor: pointer; }\n\n/ td /\n.custom-table td {\n height: 80px;\n min-width: 100px;\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n}\n\n/ Headers inner /\n.headers-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--Size-1);\n}\n\n.headers-container.align-left { align-items: flex-start; }\n.headers-container.align-right { align-items: flex-end; }\n\n.headers {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-around;\n align-items: center;\n gap: 4px;\n}\n\n.headers span {\n font-weight: var(--font-weight-bold);\n color: var(--Gray-Gray-600);\n font-size: var(--font-size-xs);\n text-align: center;\n}\n\n.headers.align-left span { text-align: left; }\n.headers.align-right span { text-align: right; }\n\n.order-icons {\n display: flex;\n flex-direction: column;\n}\n\n.order-icons dropi-icon {\n height: 6px;\n display: flex;\n}\n\n/ Checkbox column /\n.checkbox-header {\n width: fit-content;\n min-width: fit-content;\n max-width: fit-content;\n text-align: center;\n padding: var(--Size-3) !important;\n}\n\n.custom-table.has-checkbox td:first-child {\n width: fit-content;\n min-width: fit-content;\n max-width: fit-content;\n text-align: center;\n padding: 8px !important;\n}\n\n/ Row /\n.table-row:hover { background-color: var(--Gray-Gray-50); transition: background-color 0.3s ease; }\n.table-row:hover td:last-child { background-color: var(--Gray-Gray-50); transition: background-color 0.3s ease; }\n.table-row.sub-row td:first-child { padding-left: 2rem !important; }\n\n/ Cell content /\n.cell-content {\n display: inline-block;\n width: 100%;\n text-align: left;\n}\n\n/ ── Actions column (sticky) ─────────────────────────────────── /\ntd.actions,\nth.actions {\n position: sticky;\n right: 0;\n z-index: 2;\n background-color: var(--Neutral-White);\n width: 120px;\n min-width: 120px;\n max-width: 120px;\n text-align: center;\n}\n\ntd.actions {\n vertical-align: middle;\n}\n\n/ Forzar que el interior de la celda de acciones se centre siempre /\ntd.actions > div {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n width: 100%;\n height: 100%;\n}\n\n.table-row:hover td.actions {\n background-color: var(--Gray-Gray-50);\n transition: background-color 0.3s ease;\n}\n\n.actions-header {\n width: 100%;\n text-align: center;\n user-select: none;\n}\n\n.short-actions {\n display: flex;\n gap: var(--Size-2);\n align-items: center;\n justify-content: center;\n}\n\n.action-icon { cursor: pointer; }\n\n.action-button { position: relative; }\n\n.actions-menu {\n position: absolute;\n top: 0;\n right: 80px;\n padding: var(--Size-2);\n border-radius: var(--Border-2);\n background-color: var(--Neutral-White);\n box-shadow: var(--Shadow-medium);\n z-index: 10;\n animation: fadeIn 0.3s ease-in-out forwards;\n}\n\n.action-item {\n padding: var(--Size-2);\n font-size: var(--font-size-xs);\n color: var(--Gray-Gray-600);\n height: 45px;\n width: 190px;\n display: flex;\n gap: var(--Size-4);\n align-items: center;\n justify-content: left;\n cursor: pointer;\n border-radius: var(--Border-1);\n}\n.action-item:hover { background-color: var(--Gray-Gray-50); }\n\n/ ── Cell types ───────────────────────────────────────────────────── /\n.table-labels {\n color: var(--Gray-Gray-600);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n white-space: nowrap;\n}\n\n.table-labels.multiline {\n white-space: pre;\n line-height: 1.6;\n}\n\n.text-wrap-label {\n color: var(--Gray-Gray-600);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n white-space: normal;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n}\n\n.date-label {\n display: inline-flex;\n flex-direction: column;\n}\n\n.date-label span {\n font-weight: var(--font-weight-regular);\n color: var(--Gray-Gray-600);\n white-space: nowrap;\n font-size: var(--font-size-s);\n}\n\n.flag-container {\n display: inline-flex;\n align-items: center;\n gap: var(--Size-3);\n}\n\n.flag-container span {\n color: var(--Gray-Gray-600);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n}\n\n.text-icon-label {\n display: inline-flex;\n flex-wrap: nowrap;\n gap: var(--Size-2);\n align-items: center;\n}\n\n.text-icon-label span {\n color: var(--Gray-Gray-600);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n}\n\n.image-label {\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.img-container {\n display: flex;\n width: 24px;\n padding-bottom: var(--Size-1);\n align-items: center;\n}\n\n.img-container img {\n border-radius: 60px;\n height: 24px;\n width: 24px;\n object-fit: cover;\n}\n\n.container-cell {\n display: inline-flex;\n flex-direction: column;\n}\n\n.status-label {\n display: inline-flex;\n flex-direction: column;\n gap: var(--Size-1);\n}\n\n.status-dot {\n display: flex;\n gap: var(--Size-2);\n align-items: center;\n}\n\n.status-text {\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n color: var(--Gray-Gray-700);\n}\n\n.status-description {\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n color: var(--Gray-Gray-600);\n}\n\n.dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.dot-low { background-color: var(--Success-Success-500); }\n.dot-medium { background-color: var(--Warning-Warning-500); }\n.dot-high { background-color: var(--Error-Error-500); }\n\n.low-opacity { opacity: 0.5; }\n.highlight-column { background: var(--Primary-Primary-50); }\n\n.text-link-label {\n display: flex;\n flex-wrap: nowrap;\n white-space: nowrap;\n gap: var(--Size-1);\n}\n\n.text-link-label span {\n color: var(--Gray-Gray-600);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n}\n\n.text-link-label a {\n color: var(--Info-Info-500);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n}\n\n/ ── Empty state ──────────────────────────────────────────────────── /\n.empty-table {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n min-height: 400px;\n}\n\n.empty-message-container {\n display: flex;\n width: 420px;\n padding: var(--Size-4);\n flex-direction: column;\n align-items: center;\n gap: var(--Size-4);\n text-align: center;\n color: var(--Gray-Gray-500);\n font-size: var(--font-size-s);\n}\n\n/ ── Pagination ───────────────────────────────────────────────────── /\n.pagination {\n margin-top: var(--Size-4);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.page-size-selector {\n display: flex;\n gap: 5px;\n align-items: baseline;\n}\n\n.page-size-selector label {\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n color: var(--Gray-Gray-700);\n}\n\n.page-size-selector select {\n width: fit-content;\n height: 29px;\n border-radius: var(--Border-2);\n padding: var(--Size-1);\n border: 1px solid var(--Gray-Gray-200);\n color: var(--Gray-Gray-500);\n background: var(--Neutral-White);\n font-size: var(--font-size-xs);\n cursor: pointer;\n}\n\n.total-results {\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n color: var(--Gray-Gray-600);\n}\n\n/ ── Skeleton ─────────────────────────────────────────────────────── /\n.skeleton {\n height: 14px;\n background: linear-gradient(90deg, var(--Gray-Gray-100) 25%, var(--Gray-Gray-50) 50%, var(--Gray-Gray-100) 75%);\n background-size: 200% 100%;\n animation: shimmer 1.4s infinite;\n border-radius: var(--Border-1);\n}\n.skeleton--sm { width: 20px; }\n\n@keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n/ ── Responsive ───────────────────────────────────────────────────── /\n@media (max-width: 768px) {\n .search-actions { flex-direction: column; align-items: stretch; }\n .column-selector-menu { left: 0; right: 0; width: 100%; max-height: 45vh; overflow-y: auto; }\n .pagination { flex-direction: column; align-items: center; gap: var(--Size-3); }\n\n td.actions,\n th.actions {\n width: 60px;\n min-width: 60px;\n }\n\n .table-wrapper.has-sticky-actions { width: calc(100% - 60px); }\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, h } from '@stencil/core';\n\nexport interface TableColumn {\n key: string;\n label: string;\n sortable?: boolean;\n align?: 'left' \| 'center' \| 'right';\n highlightColumn?: boolean;\n disabledColumn?: boolean;\n minWidth?: string;\n maxWidth?: string;\n}\n\nexport interface TableRow {\n [key: string]: any;\n}\n\nexport type SortDir = 'asc' \| 'desc' \| null;\n\n/\n @component dropi-table\n * Data table with sortable columns, row selection, search, column selector and pagination.\n /\n@Component({\n tag: 'dropi-table',\n styleUrl: 'dropi-table.css',\n shadow: true,\n})\nexport class DropiTable {\n /* Column definitions /\n @Prop() columns: TableColumn[] \| string = [];\n /* Row data /\n @Prop() rows: TableRow[] \| string = [];\n /* Show checkbox column /\n @Prop() showCheckbox: boolean = false;\n /* Show loading skeleton /\n @Prop() loading: boolean = false;\n /* Empty state message /\n @Prop() emptyMessage: string = 'No hay datos disponibles';\n /* Table title /\n @Prop() tableTitle: string = '';\n /* Show search input /\n @Prop() showSearch: boolean = false;\n /* Show column selector button /\n @Prop() showColumnSelector: boolean = false;\n /* Show paginator /\n @Prop() showPaginator: boolean = false;\n /* Page sizes options /\n @Prop() pageSizes: number[] \| string = [5, 10, 25, 50];\n /* Current page (1-based) /\n @Prop({ mutable: true }) currentPage: number = 1;\n /* Total pages /\n @Prop() totalPages: number = 1;\n /* Show row actions (3-dot menu or inline icons) /\n @Prop() rowActions: any[] \| string = [];\n\n // ── Angular-parity props ─────────────────────────────────────\n /\n Column definitions — matches Angular `headers: DropiTableColumn[]`.\n * Alias of `columns`; when provided, takes precedence.\n /\n @Prop() headers: any[] \| string = [];\n /\n Row data — matches Angular `data: DropiTableRow[]`.\n * Alias of `rows`; when provided, takes precedence.\n /\n @Prop() data: any[] \| string = [];\n /* Pre-selected row ids (matches Angular `selectedRowIds`) /\n @Prop() selectedRowIds: any[] \| null = null;\n /* Child / expanded rows data (matches Angular `childData`) /\n @Prop() childData: any[] \| string = [];\n /* Visible child rows (matches Angular `visibleRowsChildrens`) /\n @Prop() visibleRowsChildrens: any[] \| string = [];\n /* Table-level configuration object (matches Angular `dropiTableConfiguration`) /\n @Prop() dropiTableConfiguration: any = null;\n /* Backend pagination / filter params (matches Angular `dropiTableBackendParams`) /\n @Prop() dropiTableBackendParams: any = null;\n /* Use cursor-based pagination instead of offset (matches Angular `isCursorPagination`) /\n @Prop() isCursorPagination: boolean = false;\n\n @State() private parsedColumns: TableColumn[] = [];\n @State() private parsedRows: TableRow[] = [];\n @State() private parsedPageSizes: number[] = [5, 10, 25, 50];\n @State() private parsedRowActions: any[] = [];\n @State() private sortKey: string = '';\n @State() private sortDir: SortDir = null;\n @State() private sortAsc: boolean = true;\n @State() private selectedKeys: Set<number> = new Set();\n @State() private searchTerm: string = '';\n @State() private pageSize: number = 5;\n @State() private showColumnMenu: boolean = false;\n @State() private hiddenColumns: Set<string> = new Set();\n @State() private openActionRow: number = -1;\n\n @Event() dropiSort: EventEmitter<{ key: string; dir: SortDir }>;\n @Event() dropiSelection: EventEmitter<number[]>;\n @Event() dropiRowClick: EventEmitter<{ row: TableRow; index: number }>;\n @Event() dropiSearch: EventEmitter<string>;\n @Event() dropiPageChange: EventEmitter<number>;\n @Event() dropiPageSizeChange: EventEmitter<number>;\n @Event() dropiAction: EventEmitter<{ row: TableRow; action: any }>;\n\n // ── Angular-parity events ────────────────────────────────────\n /* Matches Angular `rowsSelected` /\n @Event() rowsSelected: EventEmitter<any[]>;\n /* Matches Angular `actionClicked` /\n @Event() actionClicked: EventEmitter<{ row: any; action: any }>;\n /* Matches Angular `onPageChange` /\n @Event() onPageChange: EventEmitter<number>;\n /* Matches Angular `onSizeChange` /\n @Event() onSizeChange: EventEmitter<number>;\n /* Matches Angular `onSortChange` /\n @Event() onSortChange: EventEmitter<any>;\n /* Matches Angular `onSearchChange` /\n @Event() onSearchChange: EventEmitter<string>;\n /* Matches Angular `expandChildren` /\n @Event() expandChildren: EventEmitter<{ row: any }>;\n\n @Watch('columns')\n columnsChanged(val: TableColumn[] \| string) {\n this.parsedColumns = typeof val === 'string' ? JSON.parse(val) : (val \|\| []);\n }\n\n @Watch('rows')\n rowsChanged(val: TableRow[] \| string) {\n this.parsedRows = typeof val === 'string' ? JSON.parse(val) : (val \|\| []);\n this.selectedKeys = new Set();\n }\n\n @Watch('pageSizes')\n pageSizesChanged(val: number[] \| string) {\n this.parsedPageSizes = typeof val === 'string' ? JSON.parse(val) : (val \|\| [5, 10, 25, 50]);\n this.pageSize = this.parsedPageSizes[0] ?? 5;\n }\n\n @Watch('rowActions')\n rowActionsChanged(val: any[] \| string) {\n this.parsedRowActions = typeof val === 'string' ? JSON.parse(val) : (val \|\| []);\n }\n\n @Watch('headers')\n headersChanged(val: any[] \| string) {\n // `headers` is an alias for `columns`\n const parsed = typeof val === 'string' ? JSON.parse(val) : (val \|\| []);\n if (parsed.length > 0) this.parsedColumns = parsed;\n }\n\n @Watch('data')\n dataChanged(val: any[] \| string) {\n // `data` is an alias for `rows`\n const parsed = typeof val === 'string' ? JSON.parse(val) : (val \|\| []);\n if (parsed.length > 0) { this.parsedRows = parsed; this.selectedKeys = new Set(); }\n }\n\n componentWillLoad() {\n // SSR hydration guard: if no data props provided, preserve server-rendered DOM\n if (this.data == null && this.rows == null && this.headers == null && this.columns == null) return;\n\n // headers/data take precedence over columns/rows when provided\n const headersSrc = (Array.isArray(this.headers) ? this.headers : []).length\n ? this.headers : this.columns;\n const dataSrc = (Array.isArray(this.data) ? this.data : []).length\n ? this.data : this.rows;\n this.columnsChanged(headersSrc);\n this.rowsChanged(dataSrc);\n this.pageSizesChanged(this.pageSizes);\n this.rowActionsChanged(this.rowActions);\n }\n\n private get visibleColumns(): TableColumn[] {\n const hidden = this.hiddenColumns ?? new Set<string>();\n return (this.parsedColumns ?? []).filter(c => !hidden.has(c.key));\n }\n\n private get filteredRows(): TableRow[] {\n if (!this.searchTerm) return this.parsedRows;\n const q = this.searchTerm.toLowerCase();\n return this.parsedRows.filter(row =>\n Object.values(row).some(v => String(v ?? '').toLowerCase().includes(q))\n );\n }\n\n private get sortedRows(): TableRow[] {\n const rows = this.filteredRows;\n if (!this.sortKey \|\| !this.sortDir) return rows;\n const key = this.sortKey;\n const dir = this.sortDir === 'asc' ? 1 : -1;\n return [...rows].sort((a, b) => {\n const av = a[key] ?? '';\n const bv = b[key] ?? '';\n if (av < bv) return -dir;\n if (av > bv) return dir;\n return 0;\n });\n }\n\n private get pagedRows(): TableRow[] {\n if (!this.showPaginator) return this.sortedRows;\n const start = (this.currentPage - 1) this.pageSize;\n return this.sortedRows.slice(start, start + this.pageSize);\n }\n\n private handleSort(col: TableColumn) {\n if (!col.sortable) return;\n if (this.sortKey === col.key) {\n this.sortDir = this.sortDir === 'asc' ? 'desc' : this.sortDir === 'desc' ? null : 'asc';\n this.sortAsc = this.sortDir !== 'desc';\n if (this.sortDir === null) this.sortKey = '';\n } else {\n this.sortKey = col.key;\n this.sortDir = 'asc';\n this.sortAsc = true;\n }\n this.dropiSort.emit({ key: this.sortKey, dir: this.sortDir });\n this.onSortChange.emit({ key: this.sortKey, dir: this.sortDir });\n }\n\n private toggleRow(idx: number) {\n const next = new Set(this.selectedKeys);\n if (next.has(idx)) next.delete(idx);\n else next.add(idx);\n this.selectedKeys = next;\n const selected = Array.from(next);\n this.dropiSelection.emit(selected);\n this.rowsSelected.emit(selected.map(i => this.pagedRows[i]));\n }\n\n private toggleAll(checked: boolean) {\n this.selectedKeys = checked ? new Set(this.pagedRows.map((_, i) => i)) : new Set();\n const selected = Array.from(this.selectedKeys);\n this.dropiSelection.emit(selected);\n this.rowsSelected.emit(selected.map(i => this.pagedRows[i]));\n }\n\n private renderCellValue(value: any) {\n if (value === null \|\| value === undefined) return '—';\n if (typeof value === 'object' && value.type) {\n switch (value.type) {\n case 'tag':\n return <dropi-tag type=\"secondary\" state={value.typeTag} text={value.value} />;\n case 'date':\n return (\n <div class=\"date-label\">\n <span>{new Date(value.value).toLocaleDateString('es-CO')}</span>\n {!value.hideTime && <span>{new Date(value.value).toLocaleTimeString('es-CO', { hour: '2-digit', minute: '2-digit' })}</span>}\n </div>\n );\n case 'country':\n return (\n <div class=\"flag-container\">\n {value.flag && <dropi-country-flags width=\"24\" height=\"24\" country={value.flag} style={{ display: 'inline-flex' }} />}\n <span>{value.value}</span>\n </div>\n );\n case 'textIcon':\n return (\n <div class=\"text-icon-label\">\n <dropi-icon name={value.icon} iconWidth=\"24px\" iconHeight=\"24px\" color={value.iconColor \|\| 'Gray-Gray-500'} />\n {value.value && <span>{value.value}</span>}\n </div>\n );\n case 'status':\n return (\n <div class=\"status-label\">\n <div class=\"status-dot\">\n <div class={`dot dot-${(value.status \|\| '').toLowerCase()}`} />\n <span class=\"status-text\">{value.status}</span>\n </div>\n {value.value && <span class=\"status-description\">{value.value}</span>}\n </div>\n );\n case 'image':\n return (\n <div class=\"image-label\">\n <div class=\"img-container\"><img src={value.imageUrl} alt={value.value} /></div>\n <span>{value.value}</span>\n </div>\n );\n case 'textWrap':\n return <div class=\"text-wrap-label\" style={{ maxWidth: value.maxWidth \|\| '220px' }}>{value.value}</div>;\n default:\n return <span class=\"table-labels\">{String(value.value ?? '—')}</span>;\n }\n }\n return <span class=\"table-labels\">{String(value)}</span>;\n }\n\n render() {\n // SSR hydration: if parsedRows not yet initialized, preserve server-rendered shadow DOM\n if (this.parsedRows === undefined) return null;\n\n const rows = this.pagedRows;\n const allSelected = rows.length > 0 && this.selectedKeys.size === rows.length;\n const hasActions = this.parsedRowActions.length > 0;\n const cols = this.visibleColumns;\n\n return (\n <div class=\"table-container\">\n\n {/* ── Search / toolbar ── /}\n {(this.showSearch \|\| this.showColumnSelector \|\| this.tableTitle) && (\n <div class=\"search-container\">\n {this.tableTitle && <div class=\"table-title Body-L-Bold\">{this.tableTitle}</div>}\n <div class={`search-actions${this.showSearch ? '' : ' only-filter'}`}>\n {this.showSearch && (\n <dropi-input\n placeholder=\"Buscar\"\n value={this.searchTerm}\n onOnInput={(e: CustomEvent) => {\n this.searchTerm = e.detail;\n this.dropiSearch.emit(e.detail);\n this.onSearchChange.emit(e.detail);\n }}\n />\n )}\n {this.showColumnSelector && (\n <div class=\"table-tools\">\n <div class=\"column-selector-container\">\n <button class=\"column-selector-btn\" onClick={() => this.showColumnMenu = !this.showColumnMenu}>\n <dropi-icon name=\"list-table\" iconWidth=\"20px\" iconHeight=\"20px\" color=\"Gray-Gray-500\" />\n </button>\n {this.showColumnMenu && (\n <div class=\"column-selector-menu\">\n {this.parsedColumns.map(col => (\n <div class=\"column-selector-option\" onClick={() => {\n const next = new Set(this.hiddenColumns);\n if (next.has(col.key)) next.delete(col.key); else next.add(col.key);\n this.hiddenColumns = next;\n }}>\n <dropi-checkbox checked={!this.hiddenColumns.has(col.key)} />\n <span>{col.label}</span>\n </div>\n ))}\n <div class=\"column-selector-footer\">\n <div class=\"column-selector-all\" onClick={() => {\n this.hiddenColumns = this.hiddenColumns.size === 0\n ? new Set(this.parsedColumns.map(c => c.key))\n : new Set();\n }}>\n <dropi-checkbox checked={this.hiddenColumns.size === 0} />\n <span>Mostrar / Ocultar todo</span>\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n\n {/ ── Table wrapper ── /}\n <div class={`table-wrapper${hasActions ? ' has-sticky-actions' : ''}`}>\n <table class={`custom-table${this.showCheckbox ? ' has-checkbox' : ''}`}>\n <thead>\n <tr>\n {this.showCheckbox && (\n <th class=\"checkbox-header\">\n <dropi-checkbox checked={allSelected} onOnChange={(e: CustomEvent) => this.toggleAll(e.detail)} />\n </th>\n )}\n {cols.map(col => (\n <th\n class={{ sortable: !!col.sortable, 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }}\n style={{ textAlign: col.align \|\| 'center', minWidth: col.minWidth, maxWidth: col.maxWidth }}\n onClick={() => this.handleSort(col)}\n >\n <div class={`headers-container${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}`}>\n <div class={`headers${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}`}>\n <span>{col.label}</span>\n {col.sortable && (\n <div class=\"order-icons\">\n <dropi-icon name=\"Caret-up\" iconWidth=\"12px\" iconHeight=\"12px\" color={this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200'} />\n <dropi-icon name=\"Caret-down\" iconWidth=\"12px\" iconHeight=\"12px\" color={!this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200'} />\n </div>\n )}\n </div>\n </div>\n </th>\n ))}\n {hasActions && <th class=\"actions-header actions\">Acciones</th>}\n </tr>\n </thead>\n\n <tbody>\n {this.loading ? (\n Array.from({ length: 5 }).map(() => (\n <tr class=\"table-row\">\n {this.showCheckbox && <td><div class=\"skeleton skeleton--sm\" /></td>}\n {cols.map(() => <td><div class=\"skeleton\" /></td>)}\n {hasActions && <td />}\n </tr>\n ))\n ) : rows.length === 0 ? (\n <tr>\n <td colSpan={cols.length + (this.showCheckbox ? 1 : 0) + (hasActions ? 1 : 0)}>\n <div class=\"empty-table\">\n <div class=\"empty-message-container\">{this.emptyMessage}</div>\n </div>\n </td>\n </tr>\n ) : (\n rows.map((row, i) => (\n <tr class=\"table-row\" onClick={() => this.dropiRowClick.emit({ row, index: i })}>\n {this.showCheckbox && (\n <td onClick={(e) => e.stopPropagation()}>\n <dropi-checkbox checked={this.selectedKeys.has(i)} onOnChange={() => this.toggleRow(i)} />\n </td>\n )}\n {cols.map(col => (\n <td\n class={{ 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }}\n style={{ minWidth: col.minWidth, maxWidth: col.maxWidth, overflow: col.maxWidth ? 'hidden' : undefined }}\n >\n <div class=\"cell-content\" style={{ textAlign: col.align \|\| 'center' }}>\n {this.renderCellValue(row[col.key])}\n </div>\n </td>\n ))}\n {hasActions && (\n <td class=\"action-button actions\" onClick={(e) => e.stopPropagation()}>\n {this.parsedRowActions.length > 3 ? (\n <div style={{ display: \"flex\", justifyContent: \"center\", width: \"100%\" }}>\n <dropi-icon\n class=\"action-icon\"\n name=\"Menu-dots-vertical\"\n iconWidth=\"24px\" iconHeight=\"24px\"\n color=\"Gray-Gray-500\"\n onClick={() => this.openActionRow = this.openActionRow === i ? -1 : i}\n />\n {this.openActionRow === i && (\n <div class=\"actions-menu\">\n {this.parsedRowActions.map(action => (\n <div class=\"action-item\" onClick={() => { this.openActionRow = -1; this.dropiAction.emit({ row, action }); this.actionClicked.emit({ row, action }); }}>\n <dropi-icon name={action.icon} iconWidth=\"20px\" iconHeight=\"20px\" color={action.iconColor \|\| 'Gray-Gray-500'} />\n {action.label}\n </div>\n ))}\n </div>\n )}\n </div>\n ) : (\n <div class=\"short-actions\">\n {this.parsedRowActions.map(action => (\n <dropi-icon\n class=\"action-icon\"\n name={action.icon}\n iconWidth=\"24px\" iconHeight=\"24px\"\n color={action.iconColor \|\| 'Gray-Gray-500'}\n onClick={() => { this.dropiAction.emit({ row, action }); this.actionClicked.emit({ row, action }); }}\n />\n ))}\n </div>\n )}\n </td>\n )}\n </tr>\n ))\n )}\n </tbody>\n </table>\n </div>\n\n {/ ── Empty + Paginator ── */}\n {this.showPaginator && (\n <div class=\"pagination\">\n <div class=\"page-size-selector\">\n <label>Mostrar</label>\n <select onChange={(e: any) => {\n this.pageSize = Number(e.target.value);\n this.currentPage = 1;\n this.dropiPageSizeChange.emit(this.pageSize);\n this.onSizeChange.emit(this.pageSize);\n }}>\n {this.parsedPageSizes.map(s => (\n <option value={s} selected={this.pageSize === s}>{s}</option>\n ))}\n </select>\n </div>\n <dropi-paginator\n totalPages={this.totalPages}\n currentPage={this.currentPage}\n onPageChange={(e: CustomEvent<number>) => {\n this.currentPage = e.detail;\n this.dropiPageChange.emit(e.detail);\n this.onPageChange.emit(e.detail);\n }}\n />\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"dropi-table.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-table/dropi-table.css?tag=dropi-table&encapsulation=shadow","src/components/dropi-table/dropi-table.tsx"],"sourcesContent":[":host { display: block; width: 100%; min-width: 0; }\n, ::before, ::after { box-sizing: border-box; }\n\n/ ── Contenedor principal ─────────────────────────────────────────── /\n.table-container {\n width: 100%;\n min-width: 0;\n border-radius: var(--Border-3);\n padding: 0 var(--Size-4) var(--Size-4) var(--Size-4);\n background-color: var(--Neutral-White);\n}\n\n/ ── Search / toolbar ─────────────────────────────────────────────── /\n.search-container {\n margin-block: var(--Size-5);\n display: flex;\n flex-direction: column;\n gap: var(--Size-4);\n}\n\n.table-title {\n padding-block: var(--Size-2);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n color: var(--Gray-Gray-700);\n margin: 0;\n}\n\n.search-actions {\n display: flex;\n align-items: flex-end;\n gap: var(--Size-3);\n width: 100%;\n}\n\n.search-actions dropi-input { flex: 1; }\n\n.search-actions.only-filter { justify-content: flex-end; }\n\n.table-tools { display: flex; justify-content: flex-end; }\n\n.column-selector-container { position: relative; }\n\n.column-selector-btn {\n min-width: 40px;\n width: 40px;\n height: 40px;\n padding: 0;\n border: 1px solid var(--Gray-Gray-200);\n border-radius: var(--Border-2);\n background: var(--Neutral-White);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.column-selector-btn:hover { background: var(--Gray-Gray-50); }\n\n.column-selector-menu {\n position: absolute;\n top: calc(100% + 8px);\n right: 0;\n width: min(320px, 88vw);\n border: 1px solid var(--Gray-Gray-200);\n border-radius: var(--Border-2);\n background: var(--Neutral-White);\n box-shadow: var(--Shadow-medium);\n z-index: 20;\n padding: var(--Size-1);\n}\n\n.column-selector-footer {\n border-top: 1px solid var(--Gray-Gray-100);\n margin-top: var(--Size-1);\n padding: var(--Size-2) var(--Size-4);\n display: flex;\n align-items: center;\n}\n\n.column-selector-all {\n display: inline-flex;\n align-items: center;\n gap: var(--Size-2);\n color: var(--Gray-Gray-700);\n font-size: var(--font-size-s);\n cursor: pointer;\n user-select: none;\n}\n\n.column-selector-option {\n display: flex;\n align-items: center;\n gap: var(--Size-2);\n padding: var(--Size-2) var(--Size-3);\n font-size: var(--font-size-s);\n color: var(--Gray-Gray-700);\n cursor: pointer;\n border-radius: var(--Border-1);\n}\n.column-selector-option:hover { background: var(--Gray-Gray-50); }\n\n/ ── Table wrapper ────────────────────────────────────────────────── /\n.table-wrapper {\n overflow-x: auto;\n width: 100%;\n position: relative;\n}\n\n/ Cuando hay acciones, el wrapper es más angosto igual que el host Angular\n para que la columna sticky quede siempre visible sin tapar contenido /\n.table-wrapper.has-sticky-actions { width: 100%; }\n\n.table-wrapper::-webkit-scrollbar { height: 6px; }\n.table-wrapper::-webkit-scrollbar-track { background: transparent; }\n.table-wrapper::-webkit-scrollbar-thumb { background: var(--Gray-Gray-200, #c3c9d9); border-radius: 3px; }\n.table-wrapper::-webkit-scrollbar-thumb:hover { background: var(--Gray-Gray-400, #858ea6); }\n\n/ ── Table ────────────────────────────────────────────────────────── /\n.custom-table {\n width: 100%;\n border-collapse: collapse;\n}\n\n\n/ th/td shared separator via ::after /\n.custom-table th,\n.custom-table td {\n position: relative;\n padding: var(--Size-3);\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-bold);\n color: var(--Gray-Gray-700);\n}\n\n.custom-table th::after,\n.custom-table td::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: var(--Gray-Gray-100);\n}\n\n/ th /\n.custom-table th {\n height: 55px;\n user-select: none;\n}\n\n.custom-table th.sortable { cursor: pointer; }\n\n/ td /\n.custom-table td {\n height: 80px;\n min-width: 100px;\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n}\n\n/ Headers inner /\n.headers-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--Size-1);\n}\n\n.headers-container.align-left { align-items: flex-start; }\n.headers-container.align-right { align-items: flex-end; }\n\n.headers {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-around;\n align-items: center;\n gap: 4px;\n}\n\n.headers span {\n font-weight: var(--font-weight-bold);\n color: var(--Gray-Gray-600);\n font-size: var(--font-size-xs);\n text-align: center;\n}\n\n.headers.align-left span { text-align: left; }\n.headers.align-right span { text-align: right; }\n\n.order-icons {\n display: flex;\n flex-direction: column;\n}\n\n.order-icons dropi-icon {\n height: 6px;\n display: flex;\n}\n\n/ Checkbox column /\n.checkbox-header {\n width: fit-content;\n min-width: fit-content;\n max-width: fit-content;\n text-align: center;\n padding: var(--Size-3) !important;\n}\n\n.custom-table.has-checkbox td:first-child {\n width: fit-content;\n min-width: fit-content;\n max-width: fit-content;\n text-align: center;\n padding: 8px !important;\n}\n\n/ Row /\n.table-row:hover { background-color: var(--Gray-Gray-50); transition: background-color 0.3s ease; }\n.table-row:hover td:last-child { background-color: var(--Gray-Gray-50); transition: background-color 0.3s ease; }\n.table-row.sub-row td:first-child { padding-left: 2rem !important; }\n\n/ Cell content /\n.cell-content {\n display: inline-block;\n width: 100%;\n text-align: left;\n}\n\n/ ── Actions column (sticky) ─────────────────────────────────── /\ntd.actions,\nth.actions {\n position: sticky;\n right: 0;\n z-index: 2;\n background-color: var(--Neutral-White);\n width: 120px;\n min-width: 120px;\n max-width: 120px;\n text-align: center;\n}\n\ntd.actions {\n vertical-align: middle;\n}\n\n/ Forzar que el interior de la celda de acciones se centre siempre /\ntd.actions > div {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n width: 100%;\n height: 100%;\n}\n\n.table-row:hover td.actions {\n background-color: var(--Gray-Gray-50);\n transition: background-color 0.3s ease;\n}\n\n.actions-header {\n width: 100%;\n text-align: center;\n user-select: none;\n}\n\n.short-actions {\n display: flex;\n gap: var(--Size-2);\n align-items: center;\n justify-content: center;\n}\n\n.action-icon { cursor: pointer; }\n\n.action-button { position: relative; }\n\n.actions-menu {\n position: absolute;\n top: 0;\n right: 80px;\n padding: var(--Size-2);\n border-radius: var(--Border-2);\n background-color: var(--Neutral-White);\n box-shadow: var(--Shadow-medium);\n z-index: 10;\n animation: fadeIn 0.3s ease-in-out forwards;\n}\n\n.action-item {\n padding: var(--Size-2);\n font-size: var(--font-size-xs);\n color: var(--Gray-Gray-600);\n height: 45px;\n width: 190px;\n display: flex;\n gap: var(--Size-4);\n align-items: center;\n justify-content: left;\n cursor: pointer;\n border-radius: var(--Border-1);\n}\n.action-item:hover { background-color: var(--Gray-Gray-50); }\n\n/ ── Cell types ───────────────────────────────────────────────────── /\n.table-labels {\n color: var(--Gray-Gray-600);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n white-space: nowrap;\n}\n\n.table-labels.multiline {\n white-space: pre;\n line-height: 1.6;\n}\n\n.text-wrap-label {\n color: var(--Gray-Gray-600);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n white-space: normal;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n}\n\n.date-label {\n display: inline-flex;\n flex-direction: column;\n}\n\n.date-label span {\n font-weight: var(--font-weight-regular);\n color: var(--Gray-Gray-600);\n white-space: nowrap;\n font-size: var(--font-size-s);\n}\n\n.flag-container {\n display: inline-flex;\n align-items: center;\n gap: var(--Size-3);\n}\n\n.flag-container span {\n color: var(--Gray-Gray-600);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n}\n\n.text-icon-label {\n display: inline-flex;\n flex-wrap: nowrap;\n gap: var(--Size-2);\n align-items: center;\n}\n\n.text-icon-label span {\n color: var(--Gray-Gray-600);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n}\n\n.image-label {\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.img-container {\n display: flex;\n width: 24px;\n padding-bottom: var(--Size-1);\n align-items: center;\n}\n\n.img-container img {\n border-radius: 60px;\n height: 24px;\n width: 24px;\n object-fit: cover;\n}\n\n.container-cell {\n display: inline-flex;\n flex-direction: column;\n}\n\n.status-label {\n display: inline-flex;\n flex-direction: column;\n gap: var(--Size-1);\n}\n\n.status-dot {\n display: flex;\n gap: var(--Size-2);\n align-items: center;\n}\n\n.status-text {\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n color: var(--Gray-Gray-700);\n}\n\n.status-description {\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n color: var(--Gray-Gray-600);\n}\n\n.dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.dot-low { background-color: var(--Success-Success-500); }\n.dot-medium { background-color: var(--Warning-Warning-500); }\n.dot-high { background-color: var(--Error-Error-500); }\n\n.low-opacity { opacity: 0.5; }\n.highlight-column { background: var(--Primary-Primary-50); }\n\n.text-link-label {\n display: flex;\n flex-wrap: nowrap;\n white-space: nowrap;\n gap: var(--Size-1);\n}\n\n.text-link-label span {\n color: var(--Gray-Gray-600);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n}\n\n.text-link-label a {\n color: var(--Info-Info-500);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n}\n\n/ ── Empty state ──────────────────────────────────────────────────── /\n.empty-table {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n min-height: 400px;\n}\n\n.empty-message-container {\n display: flex;\n width: 420px;\n padding: var(--Size-4);\n flex-direction: column;\n align-items: center;\n gap: var(--Size-4);\n text-align: center;\n color: var(--Gray-Gray-500);\n font-size: var(--font-size-s);\n}\n\n/ ── Pagination ───────────────────────────────────────────────────── /\n.pagination {\n margin-top: var(--Size-4);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.page-size-selector {\n display: flex;\n gap: 5px;\n align-items: baseline;\n}\n\n.page-size-selector label {\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n color: var(--Gray-Gray-700);\n}\n\n.page-size-selector select {\n width: fit-content;\n height: 29px;\n border-radius: var(--Border-2);\n padding: var(--Size-1);\n border: 1px solid var(--Gray-Gray-200);\n color: var(--Gray-Gray-500);\n background: var(--Neutral-White);\n font-size: var(--font-size-xs);\n cursor: pointer;\n}\n\n.total-results {\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n color: var(--Gray-Gray-600);\n}\n\n/ ── Skeleton ─────────────────────────────────────────────────────── /\n.skeleton {\n height: 14px;\n background: linear-gradient(90deg, var(--Gray-Gray-100) 25%, var(--Gray-Gray-50) 50%, var(--Gray-Gray-100) 75%);\n background-size: 200% 100%;\n animation: shimmer 1.4s infinite;\n border-radius: var(--Border-1);\n}\n.skeleton--sm { width: 20px; }\n\n@keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n/ ── Responsive ───────────────────────────────────────────────────── /\n@media (max-width: 768px) {\n .search-actions { flex-direction: column; align-items: stretch; }\n .column-selector-menu { left: 0; right: 0; width: 100%; max-height: 45vh; overflow-y: auto; }\n .pagination { flex-direction: column; align-items: center; gap: var(--Size-3); }\n\n td.actions,\n th.actions {\n width: 60px;\n min-width: 60px;\n }\n\n .table-wrapper.has-sticky-actions { width: calc(100% - 60px); }\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, h } from '@stencil/core';\n\nexport interface TableColumn {\n key: string;\n label: string;\n sortable?: boolean;\n align?: 'left' \| 'center' \| 'right';\n highlightColumn?: boolean;\n disabledColumn?: boolean;\n minWidth?: string;\n maxWidth?: string;\n}\n\nexport interface TableRow {\n [key: string]: any;\n}\n\nexport type SortDir = 'asc' \| 'desc' \| null;\n\n/\n @component dropi-table\n * Data table with sortable columns, row selection, search, column selector and pagination.\n /\n@Component({\n tag: 'dropi-table',\n styleUrl: 'dropi-table.css',\n shadow: true,\n})\nexport class DropiTable {\n /* Column definitions /\n @Prop() columns: TableColumn[] \| string = [];\n /* Row data /\n @Prop() rows: TableRow[] \| string = [];\n /* Show checkbox column /\n @Prop() showCheckbox: boolean = false;\n /* Show loading skeleton /\n @Prop() loading: boolean = false;\n /* Empty state message /\n @Prop() emptyMessage: string = 'No hay datos disponibles';\n /* Table title /\n @Prop() tableTitle: string = '';\n /* Show search input /\n @Prop() showSearch: boolean = false;\n /* Show column selector button /\n @Prop() showColumnSelector: boolean = false;\n /* Show paginator /\n @Prop() showPaginator: boolean = false;\n /* Page sizes options /\n @Prop() pageSizes: number[] \| string = [5, 10, 25, 50];\n /* Current page (1-based) /\n @Prop({ mutable: true }) currentPage: number = 1;\n /* Total pages /\n @Prop() totalPages: number = 1;\n /* Show row actions (3-dot menu or inline icons) /\n @Prop() rowActions: any[] \| string = [];\n\n // ── Angular-parity props ─────────────────────────────────────\n /\n Column definitions — matches Angular `headers: DropiTableColumn[]`.\n * Alias of `columns`; when provided, takes precedence.\n /\n @Prop() headers: any[] \| string = [];\n /\n Row data — matches Angular `data: DropiTableRow[]`.\n * Alias of `rows`; when provided, takes precedence.\n /\n @Prop() data: any[] \| string = [];\n /* Pre-selected row ids (matches Angular `selectedRowIds`) /\n @Prop() selectedRowIds: any[] \| null = null;\n /* Child / expanded rows data (matches Angular `childData`) /\n @Prop() childData: any[] \| string = [];\n /* Visible child rows (matches Angular `visibleRowsChildrens`) /\n @Prop() visibleRowsChildrens: any[] \| string = [];\n /* Table-level configuration object (matches Angular `dropiTableConfiguration`) /\n @Prop() dropiTableConfiguration: any = null;\n /* Backend pagination / filter params (matches Angular `dropiTableBackendParams`) /\n @Prop() dropiTableBackendParams: any = null;\n /* Use cursor-based pagination instead of offset (matches Angular `isCursorPagination`) /\n @Prop() isCursorPagination: boolean = false;\n\n @State() private parsedColumns: TableColumn[] = [];\n @State() private parsedRows: TableRow[] = [];\n @State() private parsedPageSizes: number[] = [5, 10, 25, 50];\n @State() private parsedRowActions: any[] = [];\n @State() private sortKey: string = '';\n @State() private sortDir: SortDir = null;\n @State() private sortAsc: boolean = true;\n @State() private selectedKeys: Set<number> = new Set();\n @State() private searchTerm: string = '';\n @State() private pageSize: number = 5;\n @State() private showColumnMenu: boolean = false;\n @State() private hiddenColumns: Set<string> = new Set();\n @State() private openActionRow: number = -1;\n\n @Event() dropiSort: EventEmitter<{ key: string; dir: SortDir }>;\n @Event() dropiSelection: EventEmitter<number[]>;\n @Event() dropiRowClick: EventEmitter<{ row: TableRow; index: number }>;\n @Event() dropiSearch: EventEmitter<string>;\n @Event() dropiPageChange: EventEmitter<number>;\n @Event() dropiPageSizeChange: EventEmitter<number>;\n @Event() dropiAction: EventEmitter<{ row: TableRow; action: any }>;\n\n // ── Angular-parity events ────────────────────────────────────\n /* Matches Angular `rowsSelected` /\n @Event() dropiRowsSelected: EventEmitter<any[]>;\n /* Matches Angular `actionClicked` /\n @Event() dropiActionClick: EventEmitter<{ row: any; action: any }>;\n /* Matches Angular `onPageChange` /\n @Event() dropiPageChangeAngular: EventEmitter<number>;\n /* Matches Angular `onSizeChange` /\n @Event() dropiSizeChangeAngular: EventEmitter<number>;\n /* Matches Angular `onSortChange` /\n @Event() dropiSortChangeAngular: EventEmitter<any>;\n /* Matches Angular `onSearchChange` /\n @Event() dropiSearchChangeAngular: EventEmitter<string>;\n /* Matches Angular `expandChildren` /\n @Event() expandChildren: EventEmitter<{ row: any }>;\n\n @Watch('columns')\n columnsChanged(val: TableColumn[] \| string) {\n this.parsedColumns = typeof val === 'string' ? JSON.parse(val) : (val \|\| []);\n }\n\n @Watch('rows')\n rowsChanged(val: TableRow[] \| string) {\n this.parsedRows = typeof val === 'string' ? JSON.parse(val) : (val \|\| []);\n this.selectedKeys = new Set();\n }\n\n @Watch('pageSizes')\n pageSizesChanged(val: number[] \| string) {\n this.parsedPageSizes = typeof val === 'string' ? JSON.parse(val) : (val \|\| [5, 10, 25, 50]);\n this.pageSize = this.parsedPageSizes[0] ?? 5;\n }\n\n @Watch('rowActions')\n rowActionsChanged(val: any[] \| string) {\n this.parsedRowActions = typeof val === 'string' ? JSON.parse(val) : (val \|\| []);\n }\n\n @Watch('headers')\n headersChanged(val: any[] \| string) {\n // `headers` is an alias for `columns`\n const parsed = typeof val === 'string' ? JSON.parse(val) : (val \|\| []);\n if (parsed.length > 0) this.parsedColumns = parsed;\n }\n\n @Watch('data')\n dataChanged(val: any[] \| string) {\n // `data` is an alias for `rows`\n const parsed = typeof val === 'string' ? JSON.parse(val) : (val \|\| []);\n if (parsed.length > 0) { this.parsedRows = parsed; this.selectedKeys = new Set(); }\n }\n\n componentWillLoad() {\n // SSR hydration guard: if no data props provided, preserve server-rendered DOM\n if (this.data == null && this.rows == null && this.headers == null && this.columns == null) return;\n\n // headers/data take precedence over columns/rows when provided\n const headersSrc = (Array.isArray(this.headers) ? this.headers : []).length\n ? this.headers : this.columns;\n const dataSrc = (Array.isArray(this.data) ? this.data : []).length\n ? this.data : this.rows;\n this.columnsChanged(headersSrc);\n this.rowsChanged(dataSrc);\n this.pageSizesChanged(this.pageSizes);\n this.rowActionsChanged(this.rowActions);\n }\n\n private get visibleColumns(): TableColumn[] {\n const hidden = this.hiddenColumns ?? new Set<string>();\n return (this.parsedColumns ?? []).filter(c => !hidden.has(c.key));\n }\n\n private get filteredRows(): TableRow[] {\n if (!this.searchTerm) return this.parsedRows;\n const q = this.searchTerm.toLowerCase();\n return this.parsedRows.filter(row =>\n Object.values(row).some(v => String(v ?? '').toLowerCase().includes(q))\n );\n }\n\n private get sortedRows(): TableRow[] {\n const rows = this.filteredRows;\n if (!this.sortKey \|\| !this.sortDir) return rows;\n const key = this.sortKey;\n const dir = this.sortDir === 'asc' ? 1 : -1;\n return [...rows].sort((a, b) => {\n const av = a[key] ?? '';\n const bv = b[key] ?? '';\n if (av < bv) return -dir;\n if (av > bv) return dir;\n return 0;\n });\n }\n\n private get pagedRows(): TableRow[] {\n if (!this.showPaginator) return this.sortedRows;\n const start = (this.currentPage - 1) this.pageSize;\n return this.sortedRows.slice(start, start + this.pageSize);\n }\n\n private handleSort(col: TableColumn) {\n if (!col.sortable) return;\n if (this.sortKey === col.key) {\n this.sortDir = this.sortDir === 'asc' ? 'desc' : this.sortDir === 'desc' ? null : 'asc';\n this.sortAsc = this.sortDir !== 'desc';\n if (this.sortDir === null) this.sortKey = '';\n } else {\n this.sortKey = col.key;\n this.sortDir = 'asc';\n this.sortAsc = true;\n }\n this.dropiSort.emit({ key: this.sortKey, dir: this.sortDir });\n this.dropiSortChangeAngular.emit({ key: this.sortKey, dir: this.sortDir });\n }\n\n private toggleRow(idx: number) {\n const next = new Set(this.selectedKeys);\n if (next.has(idx)) next.delete(idx);\n else next.add(idx);\n this.selectedKeys = next;\n const selected = Array.from(next);\n this.dropiSelection.emit(selected);\n this.dropiRowsSelected.emit(selected.map(i => this.pagedRows[i]));\n }\n\n private toggleAll(checked: boolean) {\n this.selectedKeys = checked ? new Set(this.pagedRows.map((_, i) => i)) : new Set();\n const selected = Array.from(this.selectedKeys);\n this.dropiSelection.emit(selected);\n this.dropiRowsSelected.emit(selected.map(i => this.pagedRows[i]));\n }\n\n private renderCellValue(value: any) {\n if (value === null \|\| value === undefined) return '—';\n if (typeof value === 'object' && value.type) {\n switch (value.type) {\n case 'tag':\n return <dropi-tag type=\"secondary\" state={value.typeTag} text={value.value} />;\n case 'date':\n return (\n <div class=\"date-label\">\n <span>{new Date(value.value).toLocaleDateString('es-CO')}</span>\n {!value.hideTime && <span>{new Date(value.value).toLocaleTimeString('es-CO', { hour: '2-digit', minute: '2-digit' })}</span>}\n </div>\n );\n case 'country':\n return (\n <div class=\"flag-container\">\n {value.flag && <dropi-country-flags width=\"24\" height=\"24\" country={value.flag} style={{ display: 'inline-flex' }} />}\n <span>{value.value}</span>\n </div>\n );\n case 'textIcon':\n return (\n <div class=\"text-icon-label\">\n <dropi-icon name={value.icon} iconWidth=\"24px\" iconHeight=\"24px\" color={value.iconColor \|\| 'Gray-Gray-500'} />\n {value.value && <span>{value.value}</span>}\n </div>\n );\n case 'status':\n return (\n <div class=\"status-label\">\n <div class=\"status-dot\">\n <div class={`dot dot-${(value.status \|\| '').toLowerCase()}`} />\n <span class=\"status-text\">{value.status}</span>\n </div>\n {value.value && <span class=\"status-description\">{value.value}</span>}\n </div>\n );\n case 'image':\n return (\n <div class=\"image-label\">\n <div class=\"img-container\"><img src={value.imageUrl} alt={value.value} /></div>\n <span>{value.value}</span>\n </div>\n );\n case 'textWrap':\n return <div class=\"text-wrap-label\" style={{ maxWidth: value.maxWidth \|\| '220px' }}>{value.value}</div>;\n case 'textCopy':\n case 'tokenAction':\n return (\n <div class=\"text-icon-label\" style={{ display: 'flex', alignItems: 'center' }}>\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n {value.value}\n </span>\n </div>\n <div style={{ display: 'flex', justifyContent: 'flex-start', paddingLeft: '0.5rem' }}>\n <dropi-icon\n name={value.revealed ? \"Clon\" : \"Eye\"}\n iconWidth=\"18px\" iconHeight=\"18px\"\n color=\"Gray-Gray-500\"\n style={{ cursor: 'pointer', flexShrink: '0' }}\n onClick={(e) => {\n e.stopPropagation();\n const actionId = value.revealed ? 'copy' : 'reveal';\n this.dropiAction.emit({ row: value.row, action: { id: actionId, value: value.value } });\n this.dropiActionClick.emit({ row: value.row, action: { id: actionId, value: value.value } });\n }}\n />\n </div>\n </div>\n );\n default:\n return <span class=\"table-labels\">{String(value.value ?? '—')}</span>;\n }\n }\n return <span class=\"table-labels\">{String(value)}</span>;\n }\n\n render() {\n // SSR hydration: if parsedRows not yet initialized, preserve server-rendered shadow DOM\n if (this.parsedRows === undefined) return null;\n\n const rows = this.pagedRows;\n const allSelected = rows.length > 0 && this.selectedKeys.size === rows.length;\n const hasActions = this.parsedRowActions.length > 0;\n const cols = this.visibleColumns;\n\n return (\n <div class=\"table-container\">\n\n {/* ── Search / toolbar ── /}\n {(this.showSearch \|\| this.showColumnSelector \|\| this.tableTitle) && (\n <div class=\"search-container\">\n {this.tableTitle && <div class=\"table-title Body-L-Bold\">{this.tableTitle}</div>}\n <div class={`search-actions${this.showSearch ? '' : ' only-filter'}`}>\n {this.showSearch && (\n <dropi-input\n placeholder=\"Buscar\"\n value={this.searchTerm}\n onDropiInput={(e: CustomEvent) => {\n this.searchTerm = e.detail;\n this.dropiSearch.emit(e.detail);\n this.dropiSearchChangeAngular.emit(e.detail);\n }}\n />\n )}\n {this.showColumnSelector && (\n <div class=\"table-tools\">\n <div class=\"column-selector-container\">\n <button class=\"column-selector-btn\" onClick={() => this.showColumnMenu = !this.showColumnMenu}>\n <dropi-icon name=\"list-table\" iconWidth=\"20px\" iconHeight=\"20px\" color=\"Gray-Gray-500\" />\n </button>\n {this.showColumnMenu && (\n <div class=\"column-selector-menu\">\n {this.parsedColumns.map(col => (\n <div class=\"column-selector-option\" onClick={() => {\n const next = new Set(this.hiddenColumns);\n if (next.has(col.key)) next.delete(col.key); else next.add(col.key);\n this.hiddenColumns = next;\n }}>\n <dropi-checkbox checked={!this.hiddenColumns.has(col.key)} />\n <span>{col.label}</span>\n </div>\n ))}\n <div class=\"column-selector-footer\">\n <div class=\"column-selector-all\" onClick={() => {\n this.hiddenColumns = this.hiddenColumns.size === 0\n ? new Set(this.parsedColumns.map(c => c.key))\n : new Set();\n }}>\n <dropi-checkbox checked={this.hiddenColumns.size === 0} />\n <span>Mostrar / Ocultar todo</span>\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n\n {/ ── Table wrapper ── /}\n <div class={`table-wrapper${hasActions ? ' has-sticky-actions' : ''}`}>\n <table class={`custom-table${this.showCheckbox ? ' has-checkbox' : ''}`}>\n <thead>\n <tr>\n {this.showCheckbox && (\n <th class=\"checkbox-header\">\n <dropi-checkbox checked={allSelected} onDropiChange={(e: CustomEvent) => this.toggleAll(e.detail)} />\n </th>\n )}\n {cols.map(col => (\n <th\n class={{ sortable: !!col.sortable, 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }}\n style={{ textAlign: col.align \|\| 'center', minWidth: col.minWidth, maxWidth: col.maxWidth }}\n onClick={() => this.handleSort(col)}\n >\n <div class={`headers-container${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}`}>\n <div class={`headers${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}`}>\n <span>{col.label}</span>\n {col.sortable && (\n <div class=\"order-icons\">\n <dropi-icon name=\"Caret-up\" iconWidth=\"12px\" iconHeight=\"12px\" color={this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200'} />\n <dropi-icon name=\"Caret-down\" iconWidth=\"12px\" iconHeight=\"12px\" color={!this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200'} />\n </div>\n )}\n </div>\n </div>\n </th>\n ))}\n {hasActions && <th class=\"actions-header actions\">Acciones</th>}\n </tr>\n </thead>\n\n <tbody>\n {this.loading ? (\n Array.from({ length: 5 }).map(() => (\n <tr class=\"table-row\">\n {this.showCheckbox && <td><div class=\"skeleton skeleton--sm\" /></td>}\n {cols.map(() => <td><div class=\"skeleton\" /></td>)}\n {hasActions && <td />}\n </tr>\n ))\n ) : rows.length === 0 ? (\n <tr>\n <td colSpan={cols.length + (this.showCheckbox ? 1 : 0) + (hasActions ? 1 : 0)}>\n <div class=\"empty-table\">\n <div class=\"empty-message-container\">{this.emptyMessage}</div>\n </div>\n </td>\n </tr>\n ) : (\n rows.map((row, i) => (\n <tr class=\"table-row\" onClick={() => this.dropiRowClick.emit({ row, index: i })}>\n {this.showCheckbox && (\n <td onClick={(e) => e.stopPropagation()}>\n <dropi-checkbox checked={this.selectedKeys.has(i)} onDropiChange={() => this.toggleRow(i)} />\n </td>\n )}\n {cols.map(col => (\n <td\n class={{ 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }}\n style={{ minWidth: col.minWidth, maxWidth: col.maxWidth, overflow: col.maxWidth ? 'hidden' : undefined }}\n >\n <div class=\"cell-content\" style={{ textAlign: col.align \|\| 'center' }}>\n {this.renderCellValue(row[col.key])}\n </div>\n </td>\n ))}\n {hasActions && (\n <td class=\"action-button actions\" onClick={(e) => e.stopPropagation()}>\n {this.parsedRowActions.length > 2 ? (\n <div style={{ display: \"flex\", justifyContent: \"center\", width: \"100%\" }}>\n <dropi-icon\n class=\"action-icon\"\n name=\"Menu-dots-vertical\"\n iconWidth=\"24px\" iconHeight=\"24px\"\n color=\"Gray-Gray-500\"\n onClick={() => this.openActionRow = this.openActionRow === i ? -1 : i}\n />\n {this.openActionRow === i && (\n <div class=\"actions-menu\">\n {this.parsedRowActions.map(action => (\n <div class=\"action-item\" onClick={() => { this.openActionRow = -1; this.dropiAction.emit({ row, action }); this.dropiActionClick.emit({ row, action }); }}>\n <dropi-icon name={action.icon} iconWidth=\"20px\" iconHeight=\"20px\" color={action.iconColor \|\| 'Gray-Gray-500'} />\n {action.label}\n </div>\n ))}\n </div>\n )}\n </div>\n ) : (\n <div class=\"short-actions\">\n {this.parsedRowActions.map(action => (\n <dropi-icon\n class=\"action-icon\"\n name={action.icon}\n iconWidth=\"24px\" iconHeight=\"24px\"\n color={action.iconColor \|\| 'Gray-Gray-500'}\n onClick={() => { this.dropiAction.emit({ row, action }); this.dropiActionClick.emit({ row, action }); }}\n />\n ))}\n </div>\n )}\n </td>\n )}\n </tr>\n ))\n )}\n </tbody>\n </table>\n </div>\n\n {/ ── Empty + Paginator ── */}\n {this.showPaginator && (\n <div class=\"pagination\">\n <div class=\"page-size-selector\">\n <label>Mostrar</label>\n <select onChange={(e: any) => {\n this.pageSize = Number(e.target.value);\n this.currentPage = 1;\n this.dropiPageSizeChange.emit(this.pageSize);\n this.dropiSizeChangeAngular.emit(this.pageSize);\n }}>\n {this.parsedPageSizes.map(s => (\n <option value={s} selected={this.pageSize === s}>{s}</option>\n ))}\n </select>\n </div>\n <dropi-paginator\n totalPages={this.totalPages}\n currentPage={this.currentPage}\n onDropiPageChange={(e: CustomEvent<number>) => {\n this.currentPage = e.detail;\n this.dropiPageChange.emit(e.detail);\n this.dropiPageChangeAngular.emit(e.detail);\n }}\n />\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-tabs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ const dropiTabsCss = () => `:host{display:block;width:100%}*,*::before,*::after{
 const DropiTabs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.onIndexChanged = createEvent(this, "onIndexChanged", 7);
+        this.dropiIndexChange = createEvent(this, "dropiIndexChange", 7);
     }
     /** Array of TabItem or JSON string (matches Angular 'configuration') */
     configuration = [];
@@ -16,7 +16,7 @@ const DropiTabs = class {
     /** Stop tab action programmatically */
     stopAction = false;
     /** Emitted on tab click. e.detail = TabItem */
-    onIndexChanged;
+    dropiIndexChange;
     parsedTabs = [];
     tabsChanged(val) {
         this.parsedTabs = typeof val === 'string' ? JSON.parse(val) : (val ?? []);
@@ -28,10 +28,10 @@ const DropiTabs = class {
         if (tab.disabled || this.stopAction)
             return;
         this.activeTab = tab.id;
-        this.onIndexChanged.emit(tab);
+        this.dropiIndexChange.emit(tab);
     }
     render() {
-        return (h("div", { key: '337040015b29581ebb15ac347bb62220ed0a2d4d', class: "tabs-container", role: "tablist" }, this.parsedTabs.map(tab => {
+        return (h("div", { key: '5e8facb7611d02c9b7fad97f676a50ce419c6852', class: "tabs-container", role: "tablist" }, this.parsedTabs.map(tab => {
             const isActive = tab.id === this.activeTab;
             return (h("div", { role: "tab", "aria-selected": String(isActive), class: { 'tab-item': true, 'tab-item--active': isActive && !tab.disabled, 'tab-item--disabled': !!tab.disabled }, onClick: () => this.handleClick(tab) }, h("span", { class: "tab-label-row" }, h("span", { class: "tab-label" }, tab.label), tab.counter !== undefined && tab.counter !== null && (h("span", { class: { 'tab-counter': true, 'tab-counter--active': isActive } }, tab.counter))), this.showIcon && (tab.completed
                 ? h("dropi-icon", { name: "Check-circle", iconWidth: "12px", iconHeight: "12px", color: "Success-Success-500" })

package/dist/dropi-ui/dropi-tabs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dropi-tabs.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,gsDAAgsD,CAAC;;MC8BhtD,SAAS,GAAA,MAAA;;;;;;IAEZ,aAAa,GAAuB,EAAE;;IAEN,SAAS,GAAoB,CAAC;;IAE9D,QAAQ,GAAY,KAAK;;IAEzB,UAAU,GAAY,KAAK;;AAG1B,IAAA,~~cAAc~~;~~IAEN~~,UAAU,GAAc,EAAE;AAG3C,IAAA,WAAW,CAAC,GAAuB,EAAA;QACjC,IAAI,CAAC,UAAU,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC;;IAG3E,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC;;AAG9B,IAAA,WAAW,CAAC,GAAY,EAAA;AAC9B,QAAA,IAAI,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU;YAAE;AACrC,QAAA,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,EAAE;AACvB,QAAA,IAAI,CAAC,~~cAAc~~,CAAC,IAAI,CAAC,GAAG,CAAC;;~~IAG/B~~,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAA,EACvC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,IAAG;YACzB,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,SAAS;AAC1C,YAAA,QACE,WACE,IAAI,EAAC,KAAK,EAAA,eAAA,EACK,MAAM,CAAC,QAAQ,CAAC,EAC/B,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,oBAAoB,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,EAChH,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAA,EAEpC,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,WAAW,IAAE,GAAG,CAAC,KAAK,CAAQ,EACzC,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,KAChD,YAAM,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAA,EAClE,GAAG,CAAC,OAAO,CACP,CACR,CACI,EACN,IAAI,CAAC,QAAQ,KACZ,GAAG,CAAC;kBACA,CAAA,CAAA,YAAA,EAAA,EAAY,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,qBAAqB,EAAA;AAChG,kBAAE,YAAM,KAAK,EAAC,gBAAgB,EAAA,CAAG,CACpC,CACG;SAET,CAAC,CACE;;;;;;;;;;;;","names":[],"sources":["src/components/dropi-tabs/dropi-tabs.css?tag=dropi-tabs&encapsulation=shadow","src/components/dropi-tabs/dropi-tabs.tsx"],"sourcesContent":[":host { display: block; width: 100%; }\n, ::before, ::after { box-sizing: border-box; }\n\n.tabs-container {\n display: flex; flex-wrap: nowrap; overflow-x: auto; width: 100%; height: 52px;\n scrollbar-width: none;\n}\n.tabs-container::-webkit-scrollbar { width: 0; height: 0; }\n\n.tab-item {\n padding: var(--Size-4,16px) var(--Size-5,20px);\n background: var(--Neutral-White, #ffffff);\n border-bottom: 2px solid var(--Gray-Gray-100,#e6eaf2);\n cursor: pointer; display: flex; gap: 16px; align-items: center;\n white-space: nowrap; flex-shrink: 0;\n transition: border-color 0.15s ease; user-select: none;\n}\n.tab-item:hover:not(.tab-item--disabled):not(.tab-item--active) { border-color: var(--Gray-Gray-300,#a3abbf); }\n.tab-item--active { border-bottom: 2px solid var(--Primary-Primary-500,#f49a3d); }\n.tab-item--disabled { background: rgba(223,228,237,0.22); cursor: not-allowed; opacity: 0.7; pointer-events: none; }\n\n.tab-label-row { display: flex; align-items: center; gap: 8px; }\n.tab-label { font-size: var(--font-size-s,14px); font-weight: var(--font-weight-bold,700); color: var(--Gray-Gray-400,#858ea6); line-height: 20px; }\n.tab-item--active .tab-label { color: var(--Gray-Gray-600,#475066); }\n.tab-item--disabled .tab-label { font-weight: var(--font-weight-light); color: var(--Gray-Gray-300,#a3abbf); }\n\n.tab-counter {\n display: inline-flex; align-items: center; justify-content: center;\n min-width: 20px; height: 20px; padding: 0 6px; border-radius: 20px;\n font-size: var(--font-size-xxs);\n font-weight: var(--font-weight-bold);\n line-height: var(--lineheight-simple);\n background: var(--Gray-Gray-100,#e6eaf2); color: var(--Gray-Gray-500,#69738c);\n}\n.tab-counter--active { \n background-color: var(--Primary-Primary-500, #F49A3D);\n color: var(--Neutral-White);\n}\n\n.tab-status-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--Primary-Primary-500, #f49a3d);\n flex-shrink: 0;\n}\n","import { Component, Prop, Event, EventEmitter, Watch, State, h } from '@stencil/core';\n\nexport interface TabItem {\n /* Unique identifier /\n id: string \| number;\n /* Display label /\n label: string;\n /* Whether the tab is disabled /\n disabled?: boolean;\n /* Optional numeric counter badge /\n counter?: number;\n /* Whether to show completed checkmark (requires showIcon) /\n completed?: boolean;\n}\n\n/\n @component dropi-tabs\n * Horizontal tab navigation with optional counter badges and completed state icons.\n \n @example\n * <dropi-tabs\n * tabs='[{\"id\":1,\"label\":\"Activos\"},{\"id\":2,\"label\":\"Histórico\",\"counter\":5}]'\n * active-tab=\"1\"\n * />\n /\n@Component({\n tag: 'dropi-tabs',\n styleUrl: 'dropi-tabs.css',\n shadow: true,\n})\nexport class DropiTabs {\n /* Array of TabItem or JSON string (matches Angular 'configuration') /\n @Prop() configuration: TabItem[] \| string = [];\n /* Id of the active tab /\n @Prop({ mutable: true, reflect: true }) activeTab: string \| number = 0;\n /* Whether to show a check/pending icon per tab /\n @Prop() showIcon: boolean = false;\n /* Stop tab action programmatically /\n @Prop() stopAction: boolean = false;\n\n /* Emitted on tab click. e.detail = TabItem */\n @Event() ~~onIndexChanged~~: EventEmitter<TabItem>;\n\n @State() private parsedTabs: TabItem[] = [];\n\n @Watch('configuration')\n tabsChanged(val: TabItem[] \| string) {\n this.parsedTabs = typeof val === 'string' ? JSON.parse(val) : (val ?? []);\n }\n\n componentWillLoad() {\n this.tabsChanged(this.configuration);\n }\n\n private handleClick(tab: TabItem) {\n if (tab.disabled \|\| this.stopAction) return;\n this.activeTab = tab.id;\n this.~~onIndexChanged~~.emit(tab);\n }\n\n render() {\n return (\n <div class=\"tabs-container\" role=\"tablist\">\n {this.parsedTabs.map(tab => {\n const isActive = tab.id === this.activeTab;\n return (\n <div\n role=\"tab\"\n aria-selected={String(isActive)}\n class={{ 'tab-item': true, 'tab-item--active': isActive && !tab.disabled, 'tab-item--disabled': !!tab.disabled }}\n onClick={() => this.handleClick(tab)}\n >\n <span class=\"tab-label-row\">\n <span class=\"tab-label\">{tab.label}</span>\n {tab.counter !== undefined && tab.counter !== null && (\n <span class={{ 'tab-counter': true, 'tab-counter--active': isActive }}>\n {tab.counter}\n </span>\n )}\n </span>\n {this.showIcon && (\n tab.completed\n ? <dropi-icon name=\"Check-circle\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Success-Success-500\" />\n : <span class=\"tab-status-dot\" />\n )}\n </div>\n );\n })}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"dropi-tabs.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,gsDAAgsD,CAAC;;MC8BhtD,SAAS,GAAA,MAAA;;;;;;IAEZ,aAAa,GAAuB,EAAE;;IAEN,SAAS,GAAoB,CAAC;;IAE9D,QAAQ,GAAY,KAAK;;IAEzB,UAAU,GAAY,KAAK;;AAG1B,IAAA,gBAAgB;IAER,UAAU,GAAc,EAAE;AAG3C,IAAA,WAAW,CAAC,GAAuB,EAAA;QACjC,IAAI,CAAC,UAAU,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC;;IAG3E,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC;;AAG9B,IAAA,WAAW,CAAC,GAAY,EAAA;AAC9B,QAAA,IAAI,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU;YAAE;AACrC,QAAA,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,EAAE;AACvB,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAA,EACvC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,IAAG;YACzB,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,SAAS;AAC1C,YAAA,QACE,WACE,IAAI,EAAC,KAAK,EAAA,eAAA,EACK,MAAM,CAAC,QAAQ,CAAC,EAC/B,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,oBAAoB,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,EAChH,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAA,EAEpC,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,WAAW,IAAE,GAAG,CAAC,KAAK,CAAQ,EACzC,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,KAChD,YAAM,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAA,EAClE,GAAG,CAAC,OAAO,CACP,CACR,CACI,EACN,IAAI,CAAC,QAAQ,KACZ,GAAG,CAAC;kBACA,CAAA,CAAA,YAAA,EAAA,EAAY,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,qBAAqB,EAAA;AAChG,kBAAE,YAAM,KAAK,EAAC,gBAAgB,EAAA,CAAG,CACpC,CACG;SAET,CAAC,CACE;;;;;;;;;;;;","names":[],"sources":["src/components/dropi-tabs/dropi-tabs.css?tag=dropi-tabs&encapsulation=shadow","src/components/dropi-tabs/dropi-tabs.tsx"],"sourcesContent":[":host { display: block; width: 100%; }\n, ::before, ::after { box-sizing: border-box; }\n\n.tabs-container {\n display: flex; flex-wrap: nowrap; overflow-x: auto; width: 100%; height: 52px;\n scrollbar-width: none;\n}\n.tabs-container::-webkit-scrollbar { width: 0; height: 0; }\n\n.tab-item {\n padding: var(--Size-4,16px) var(--Size-5,20px);\n background: var(--Neutral-White, #ffffff);\n border-bottom: 2px solid var(--Gray-Gray-100,#e6eaf2);\n cursor: pointer; display: flex; gap: 16px; align-items: center;\n white-space: nowrap; flex-shrink: 0;\n transition: border-color 0.15s ease; user-select: none;\n}\n.tab-item:hover:not(.tab-item--disabled):not(.tab-item--active) { border-color: var(--Gray-Gray-300,#a3abbf); }\n.tab-item--active { border-bottom: 2px solid var(--Primary-Primary-500,#f49a3d); }\n.tab-item--disabled { background: rgba(223,228,237,0.22); cursor: not-allowed; opacity: 0.7; pointer-events: none; }\n\n.tab-label-row { display: flex; align-items: center; gap: 8px; }\n.tab-label { font-size: var(--font-size-s,14px); font-weight: var(--font-weight-bold,700); color: var(--Gray-Gray-400,#858ea6); line-height: 20px; }\n.tab-item--active .tab-label { color: var(--Gray-Gray-600,#475066); }\n.tab-item--disabled .tab-label { font-weight: var(--font-weight-light); color: var(--Gray-Gray-300,#a3abbf); }\n\n.tab-counter {\n display: inline-flex; align-items: center; justify-content: center;\n min-width: 20px; height: 20px; padding: 0 6px; border-radius: 20px;\n font-size: var(--font-size-xxs);\n font-weight: var(--font-weight-bold);\n line-height: var(--lineheight-simple);\n background: var(--Gray-Gray-100,#e6eaf2); color: var(--Gray-Gray-500,#69738c);\n}\n.tab-counter--active { \n background-color: var(--Primary-Primary-500, #F49A3D);\n color: var(--Neutral-White);\n}\n\n.tab-status-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--Primary-Primary-500, #f49a3d);\n flex-shrink: 0;\n}\n","import { Component, Prop, Event, EventEmitter, Watch, State, h } from '@stencil/core';\n\nexport interface TabItem {\n /* Unique identifier /\n id: string \| number;\n /* Display label /\n label: string;\n /* Whether the tab is disabled /\n disabled?: boolean;\n /* Optional numeric counter badge /\n counter?: number;\n /* Whether to show completed checkmark (requires showIcon) /\n completed?: boolean;\n}\n\n/\n @component dropi-tabs\n * Horizontal tab navigation with optional counter badges and completed state icons.\n \n @example\n * <dropi-tabs\n * tabs='[{\"id\":1,\"label\":\"Activos\"},{\"id\":2,\"label\":\"Histórico\",\"counter\":5}]'\n * active-tab=\"1\"\n * />\n /\n@Component({\n tag: 'dropi-tabs',\n styleUrl: 'dropi-tabs.css',\n shadow: true,\n})\nexport class DropiTabs {\n /* Array of TabItem or JSON string (matches Angular 'configuration') /\n @Prop() configuration: TabItem[] \| string = [];\n /* Id of the active tab /\n @Prop({ mutable: true, reflect: true }) activeTab: string \| number = 0;\n /* Whether to show a check/pending icon per tab /\n @Prop() showIcon: boolean = false;\n /* Stop tab action programmatically /\n @Prop() stopAction: boolean = false;\n\n /* Emitted on tab click. e.detail = TabItem */\n @Event() dropiIndexChange: EventEmitter<TabItem>;\n\n @State() private parsedTabs: TabItem[] = [];\n\n @Watch('configuration')\n tabsChanged(val: TabItem[] \| string) {\n this.parsedTabs = typeof val === 'string' ? JSON.parse(val) : (val ?? []);\n }\n\n componentWillLoad() {\n this.tabsChanged(this.configuration);\n }\n\n private handleClick(tab: TabItem) {\n if (tab.disabled \|\| this.stopAction) return;\n this.activeTab = tab.id;\n this.dropiIndexChange.emit(tab);\n }\n\n render() {\n return (\n <div class=\"tabs-container\" role=\"tablist\">\n {this.parsedTabs.map(tab => {\n const isActive = tab.id === this.activeTab;\n return (\n <div\n role=\"tab\"\n aria-selected={String(isActive)}\n class={{ 'tab-item': true, 'tab-item--active': isActive && !tab.disabled, 'tab-item--disabled': !!tab.disabled }}\n onClick={() => this.handleClick(tab)}\n >\n <span class=\"tab-label-row\">\n <span class=\"tab-label\">{tab.label}</span>\n {tab.counter !== undefined && tab.counter !== null && (\n <span class={{ 'tab-counter': true, 'tab-counter--active': isActive }}>\n {tab.counter}\n </span>\n )}\n </span>\n {this.showIcon && (\n tab.completed\n ? <dropi-icon name=\"Check-circle\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Success-Success-500\" />\n : <span class=\"tab-status-dot\" />\n )}\n </div>\n );\n })}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-tag-type-product.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const DropiTagTypeProduct = class {
     /** Label text. Default: VARIABLE */
     label = 'VARIABLE';
     render() {
-        return h("div", { key: 'ae1cd50cd3e82180704ae4f5406b4dc13ffbd12c', class: "type-variation" }, this.label);
+        return h("div", { key: '6d27b4fc40c66e6bfd8400e4727aa9a9c2e8dc8c', class: "type-variation" }, this.label);
     }
 };
 DropiTagTypeProduct.style = dropiTagTypeProductCss();

package/dist/dropi-ui/dropi-tag.entry.js CHANGED Viewed

@@ -1,11 +1,13 @@
 import { r as registerInstance, h } from './index-Cvp2LQOM.js';
-const dropiTagCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.icon-only{gap:0}.file-icon{display:flex}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}`;
+const dropiTagCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:flex;align-items:center;justify-content:center}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--lineheight-large, 150%);animation:fade-in 200ms ease-out}.tags.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}`;
 const DropiTag = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
+    /** tag (default) | dot (status dot + text) | text (colored text only) */
+    variant = 'tag';
     /** primary (filled) | secondary (soft) */
     type = 'primary';
     /** Color state of the tag */
@@ -34,11 +36,25 @@ const DropiTag = class {
     }
     get textColor() {
         const base = this.colorMap[this.state];
+        if (this.variant === 'text')
+            return this.dotColor;
+        if (this.variant === 'dot' || this.showIcon) {
+            return 'var(--Gray-Gray-500)';
+        }
         if (this.type === 'primary')
             return `var(--Neutral-White)`;
         const shade = this.state === 'default' ? '-500' : '-700';
         return `var(--${base}${shade})`;
     }
+    get dotColor() {
+        const base = this.colorMap[this.state];
+        return `var(--${base}-500)`;
+    }
+    get fontWeight() {
+        if (this.type === 'secondary' && !this.showIcon)
+            return '300';
+        return '500';
+    }
     get iconColor() {
         if (this.type === 'primary')
             return 'Neutral-White';
@@ -50,7 +66,16 @@ const DropiTag = class {
         return typeof this.text === 'string' && this.text.trim().length > 0;
     }
     render() {
-        return (h("div", { key: '1736efc48b3ccaf5f3ca85ad29622f42b4fb3c8d', class: "container-chips" }, h("div", { key: '96c2b0e9d22881ca71c58488dcd622a1eef1a120', class: { tags: true, 'icon-only': this.showIcon && !this.hasContent }, style: { backgroundColor: this.bgColor, color: this.textColor } }, this.showIcon && this.icon && (h("dropi-icon", { key: '4c94cf3fcabd31b6b50fc711815472f8b12e43d9', class: "file-icon", name: this.icon, iconWidth: "16px", iconHeight: "16px", color: this.iconColor })), this.hasContent && h("span", { key: '26f06b85d085e58aa854533a9fd238e70957212b' }, this.text))));
+        return (h("div", { key: '6a50111c0057b7ef3380dde9f639e9409b7fbea9', class: "container-chips" }, h("div", { key: 'f2f78c3682aa2e8bef5f3f1b43a1729cae8ae293', class: {
+                tags: true,
+                'icon-only': this.showIcon && !this.hasContent,
+                'dot-variant': this.variant === 'dot',
+                'text-variant': this.variant === 'text'
+            }, style: {
+                backgroundColor: (this.variant === 'dot' || this.variant === 'text') ? 'transparent' : this.bgColor,
+                color: this.textColor,
+                fontWeight: this.fontWeight
+            } }, this.variant === 'dot' && (h("div", { key: '5364569230575b79b1160e06cc29046220bdf198', class: "dot-indicator", style: { backgroundColor: this.dotColor } })), this.showIcon && this.icon && (h("dropi-icon", { key: '8ea74f9ad58e7892405e3e748289b71456945de6', class: "file-icon", name: this.icon, iconWidth: "16px", iconHeight: "16px", color: this.variant === 'dot' ? 'Gray-Gray-500' : this.iconColor })), this.hasContent && h("span", { key: '99409549735fd48cf0a40e411f1f236716e53939' }, this.text))));
     }
     static get watchers() { return {
         "type": [{
@@ -58,6 +83,9 @@ const DropiTag = class {
             }],
         "state": [{
                 "propsChanged": 0
+            }],
+        "variant": [{
+                "propsChanged": 0
             }]
     }; }
 };

package/dist/dropi-ui/dropi-tag.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dropi-tag.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,~~2jBAA2jB~~,CAAC;;~~MCc1kB~~,QAAQ,GAAA,MAAA;;;;;IAEM,IAAI,GAAY,SAAS;;IAEzB,KAAK,GAAa,SAAS;;IAE5C,QAAQ,GAAY,KAAK;;IAER,IAAI,GAAW,EAAE;;IAEjB,IAAI,GAAW,EAAE;AAEzB,IAAA,QAAQ,GAA6B;AACpD,QAAA,OAAO,EAAE,iBAAiB;AAC1B,QAAA,OAAO,EAAE,iBAAiB;AAC1B,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,OAAO,EAAE,iBAAiB;AAC1B,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,MAAM,EAAE,WAAW;KACpB;AAGD,IAAA,YAAY;AAEZ,IAAA,IAAY,OAAO,GAAA;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;AACtC,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;YAAE,OAAO,CAAA,MAAA,EAAS,IAAI,CAAA,KAAA,CAAO;QACxD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,MAAM,GAAG,KAAK;AAClF,QAAA,OAAO,CAAA,MAAA,EAAS,IAAI,CAAA,EAAG,KAAK,GAAG;;AAGjC,IAAA,IAAY,SAAS,GAAA;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;~~AACtC~~,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;AAAE,YAAA,OAAO,sBAAsB;~~AAC1D~~,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM;AACxD,QAAA,OAAO,CAAA,MAAA,EAAS,IAAI,CAAA,EAAG,KAAK,GAAG;;AAGjC,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;AAAE,YAAA,OAAO,eAAe;QACnD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;AACtC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM;AACxD,QAAA,OAAO,CAAA,EAAG,IAAI,CAAA,EAAG,KAAK,EAAE;;AAG1B,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAO,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;;IAGrE,MAAM,GAAA;~~AACJ~~,~~QAAA,~~QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,~~EAAE~~,IAAI,EAAE,IAAI,~~EAAE,~~WAAW,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,~~EACrE~~,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,OAAO,~~EAAE~~,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,EAAA,~~EAE9D~~,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,KACzB,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAC,MAAM,EAChB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAE,IAAI,CAAC,SAAS,~~GACrB~~,CACH,EACA,IAAI,CAAC,UAAU,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,IAAI,CAAQ,CACxC,CACF~~;;;;;;;;;;;;;;;~~","names":[],"sources":["src/components/dropi-tag/dropi-tag.css?tag=dropi-tag&encapsulation=shadow","src/components/dropi-tag/dropi-tag.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n\n, ::before, ::after { box-sizing: border-box; }\n\n.container-chips {\n display: ~~inline~~-~~block~~;\n}\n\n.tags {\n display: inline-flex;\n padding: 4px 8px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n border-radius: var(--Border-5, 9999px);\n overflow: hidden;\n text-align: center;\n text-overflow: ellipsis;\n font-size: var(--font-size-s, 12px);\n font-weight: var(--font-weight-medium, 500);\n line-height: var(--~~Size~~-5, ~~24px~~);\n / Animation /\n animation: fade-in 200ms ease-out;\n}\n\n.tags.~~icon~~-~~only~~ {\n ~~gap~~: 0;\n}\n\n.~~file~~-~~icon~~ {\n ~~display~~: flex;\n}\n\n@keyframes fade-in {\n from { opacity: 0; transform: scale(0.8); }\n to { opacity: 1; transform: scale(1); }\n}\n","import { Component, Prop, Watch, h } from '@stencil/core';\n\nexport type TagState = 'default' \| 'success' \| 'info' \| 'warning' \| 'error' \| 'legacy';\nexport type TagType = 'primary' \| 'secondary';\n\n/\n @component dropi-tag\n * Colored tag/chip for statuses, categories, and labels.\n /\n@Component({\n tag: 'dropi-tag',\n styleUrl: 'dropi-tag.css',\n shadow: true,\n})\nexport class DropiTag {\n /* primary (filled) \| secondary (soft) /\n @Prop({ reflect: true }) type: TagType = 'primary';\n /* Color state of the tag /\n @Prop({ reflect: true }) state: TagState = 'default';\n /* Whether to show the icon /\n @Prop() showIcon: boolean = false;\n /* Icon name from the sprite /\n @Prop({ reflect: true }) icon: string = '';\n /* Label text */\n @Prop({ reflect: true }) text: string = '';\n\n private readonly colorMap: Record<TagState, string> = {\n default: 'Primary-Primary',\n success: 'Success-Success',\n info: 'Info-Info',\n warning: 'Warning-Warning',\n error: 'Error-Error',\n legacy: 'Gray-Gray',\n };\n\n @Watch('type') @Watch('state')\n propsChanged() {}\n\n private get bgColor(): string {\n const base = this.colorMap[this.state];\n if (this.type === 'primary') return `var(--${base}-500)`;\n const shade = this.state === 'default' \|\| this.state === 'legacy' ? '-100' : '-50';\n return `var(--${base}${shade})`;\n }\n\n private get textColor(): string {\n const base = this.colorMap[this.state];\n if (this.type === 'primary') return `var(--Neutral-White)`;\n const shade = this.state === 'default' ? '-500' : '-700';\n return `var(--${base}${shade})`;\n }\n\n private get iconColor(): string {\n if (this.type === 'primary') return 'Neutral-White';\n const base = this.colorMap[this.state];\n const shade = this.state === 'default' ? '-500' : '-700';\n return `${base}${shade}`;\n }\n\n private get hasContent(): boolean {\n return typeof this.text === 'string' && this.text.trim().length > 0;\n }\n\n render() {\n return (\n <div class=\"container-chips\">\n <div\n class={{ tags: true, 'icon-only': this.showIcon && !this.hasContent }}\n style={{ backgroundColor: this.bgColor, color: this.textColor }}\n >\n {this.showIcon && this.icon && (\n <dropi-icon\n class=\"file-icon\"\n name={this.icon}\n iconWidth=\"16px\"\n iconHeight=\"16px\"\n color={this.iconColor}\n />\n )}\n {this.hasContent && <span>{this.text}</span>}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"dropi-tag.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-tag/dropi-tag.css?tag=dropi-tag&encapsulation=shadow","src/components/dropi-tag/dropi-tag.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n\n, ::before, ::after { box-sizing: border-box; }\n\n.container-chips {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.tags {\n display: inline-flex;\n padding: 4px 8px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n border-radius: var(--Border-5, 9999px);\n overflow: hidden;\n text-align: center;\n text-overflow: ellipsis;\n font-size: var(--font-size-xs, 12px);\n font-weight: var(--font-weight-medium, 500);\n line-height: var(--lineheight-large, 150%);\n / Animation /\n animation: fade-in 200ms ease-out;\n}\n\n.tags.dot-variant,\n.tags.text-variant {\n padding: 0;\n gap: 8px;\n background-color: transparent !important;\n line-height: normal;\n}\n\n.dot-indicator {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n@keyframes fade-in {\n from { opacity: 0; transform: scale(0.8); }\n to { opacity: 1; transform: scale(1); }\n}\n","import { Component, Prop, Watch, h } from '@stencil/core';\n\nexport type TagState = 'default' \| 'success' \| 'info' \| 'warning' \| 'error' \| 'legacy';\nexport type TagType = 'primary' \| 'secondary';\nexport type TagVariant = 'tag' \| 'dot' \| 'text';\n\n/\n @component dropi-tag\n * Colored tag/chip for statuses, categories, and labels.\n /\n@Component({\n tag: 'dropi-tag',\n styleUrl: 'dropi-tag.css',\n shadow: true,\n})\nexport class DropiTag {\n /* tag (default) \| dot (status dot + text) \| text (colored text only) /\n @Prop({ reflect: true }) variant: TagVariant = 'tag';\n /* primary (filled) \| secondary (soft) /\n @Prop({ reflect: true }) type: TagType = 'primary';\n /* Color state of the tag /\n @Prop({ reflect: true }) state: TagState = 'default';\n /* Whether to show the icon /\n @Prop() showIcon: boolean = false;\n /* Icon name from the sprite /\n @Prop({ reflect: true }) icon: string = '';\n /* Label text */\n @Prop({ reflect: true }) text: string = '';\n\n private readonly colorMap: Record<TagState, string> = {\n default: 'Primary-Primary',\n success: 'Success-Success',\n info: 'Info-Info',\n warning: 'Warning-Warning',\n error: 'Error-Error',\n legacy: 'Gray-Gray',\n };\n\n @Watch('type') @Watch('state') @Watch('variant')\n propsChanged() {}\n\n private get bgColor(): string {\n const base = this.colorMap[this.state];\n if (this.type === 'primary') return `var(--${base}-500)`;\n const shade = this.state === 'default' \|\| this.state === 'legacy' ? '-100' : '-50';\n return `var(--${base}${shade})`;\n }\n\n private get textColor(): string {\n const base = this.colorMap[this.state];\n \n if (this.variant === 'text') return this.dotColor;\n \n if (this.variant === 'dot' \|\| this.showIcon) {\n return 'var(--Gray-Gray-500)';\n }\n\n if (this.type === 'primary') return `var(--Neutral-White)`;\n\n const shade = this.state === 'default' ? '-500' : '-700';\n return `var(--${base}${shade})`;\n }\n\n private get dotColor(): string {\n const base = this.colorMap[this.state];\n return `var(--${base}-500)`;\n }\n\n private get fontWeight(): string {\n if (this.type === 'secondary' && !this.showIcon) return '300';\n return '500';\n }\n\n private get iconColor(): string {\n if (this.type === 'primary') return 'Neutral-White';\n const base = this.colorMap[this.state];\n const shade = this.state === 'default' ? '-500' : '-700';\n return `${base}${shade}`;\n }\n\n private get hasContent(): boolean {\n return typeof this.text === 'string' && this.text.trim().length > 0;\n }\n\n render() {\n return (\n <div class=\"container-chips\">\n <div\n class={{ \n tags: true, \n 'icon-only': this.showIcon && !this.hasContent,\n 'dot-variant': this.variant === 'dot',\n 'text-variant': this.variant === 'text'\n }}\n style={{ \n backgroundColor: (this.variant === 'dot' \|\| this.variant === 'text') ? 'transparent' : this.bgColor, \n color: this.textColor,\n fontWeight: this.fontWeight \n }}\n >\n {this.variant === 'dot' && (\n <div class=\"dot-indicator\" style={{ backgroundColor: this.dotColor }}></div>\n )}\n {this.showIcon && this.icon && (\n <dropi-icon\n class=\"file-icon\"\n name={this.icon}\n iconWidth=\"16px\"\n iconHeight=\"16px\"\n color={this.variant === 'dot' ? 'Gray-Gray-500' : this.iconColor}\n />\n )}\n {this.hasContent && <span>{this.text}</span>}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-text-area.entry.js CHANGED Viewed

@@ -110,12 +110,12 @@ const DropiTextArea = class {
     render() {
         const showAsterisk = this.required && this.showObligatoryAsterisk && !this.disabled;
         const showHelper = this.textHelper || this.isInvalid;
-        return (h("div", { key: 'd2333346006f94a5582d49cb2f34237b8b97d039', class: "textarea-wrapper" }, this.label && (h("label", { key: '0963e3d312bec5a96b4b3f8387c07ecfd97d6906', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: '1e9bfecb2669fe2c6cd8b74a153fe21bbf8053b9', class: "asterisk" }, " *"))), h("div", { key: '6ac5236d0cb7ec4322339048eb364b7c41bfea5e', class: "textarea-container" }, h("textarea", { key: '94a18a7af80592659237d54e5897fcbd8b4aa47c', id: this.resolvedId, class: {
+        return (h("div", { key: 'cd317dd0e813d6ce6ae659b56ddac00fa822e68e', class: "textarea-wrapper" }, this.label && (h("label", { key: '220344751b55843a6d1ee3a8188b53e8d0fc5d34', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: '3ddb9f3adac61fa8990f81e16ae6334de8552849', class: "asterisk" }, " *"))), h("div", { key: '1a6d603bd7cfe7e6b37fd20c4dad6c7bc2bf0278', class: "textarea-container" }, h("textarea", { key: '3eb838fece4e03cc68be9e01eeb1e02709a926f9', id: this.resolvedId, class: {
                 'form-control': true,
                 'Body-M-Regular': true,
                 'form-control-valid': !this.isInvalid && this.touched && !!this.value,
                 'form-control-invalid': this.isInvalid,
-            }, rows: this.rows, placeholder: this.placeholder, maxLength: this.maxLength, minLength: this.minLength, disabled: this.disabled, required: this.required, style: { resize: this.resize }, onInput: (e) => this.handleInput(e), onFocus: () => this.dropiFocus.emit(), onBlur: () => this.handleBlur() }, this.value), this.maxLength > 0 && (h("div", { key: 'e3271eeea7e85a64454c344986e36c85197f3782', class: "char-counter" }, this.charCount, "/", this.maxLength))), showHelper && (h("div", { key: 'c4b83072b96e56b45b6afc8209f4d124cb6d6bf3', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: '07a2884a516118f3169a0427701a2271d24f2bcc', name: "Warning-circle", iconWidth: "12px", iconHeight: "12px", color: "Error-Error-500" })), h("span", { key: 'a518a81fdba8df18083ef92a1dbc9936d3fcc17d', class: { 'invalid-color': this.isInvalid }, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : undefined } }, this.textHelper)))));
+            }, rows: this.rows, placeholder: this.placeholder, maxLength: this.maxLength, minLength: this.minLength, disabled: this.disabled, required: this.required, style: { resize: this.resize }, onInput: (e) => this.handleInput(e), onFocus: () => this.dropiFocus.emit(), onBlur: () => this.handleBlur() }, this.value), this.maxLength > 0 && (h("div", { key: '49dfd2cb7fe373769a945c405e58e7716e9489f2', class: "char-counter" }, this.charCount, "/", this.maxLength))), showHelper && (h("div", { key: 'e1388e815c35baab42466029ae17914da28c9294', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: '39aebce7cca327e9c535ce918d053eb5f106f734', name: "Warning-circle", iconWidth: "12px", iconHeight: "12px", color: "Error-Error-500" })), h("span", { key: 'ae255ca0db1e35e0069ef8b68fa901bced14ba8a', class: { 'invalid-color': this.isInvalid }, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : undefined } }, this.textHelper)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/dropi-ui/dropi-time-line.entry.js CHANGED Viewed

@@ -21,7 +21,7 @@ const DropiTimeLine = class {
     }
     render() {
         const steps = this.parsedSteps;
-        return (h("div", { key: '0b43d3e673cda6f31476abcbc55ef2b6b9dbd7ac', class: "timeline" }, steps.map((step, i) => {
+        return (h("div", { key: '22a2f8ff7a33e892096c3aaf381e23b110ec6b0a', class: "timeline" }, steps.map((step, i) => {
             const isLast = i === steps.length - 1;
             return (h("div", { class: { 'tl-step': true, [`tl-step--${step.status}`]: true }, key: step.id || i }, h("div", { class: "tl-step__marker" }, h("div", { class: "tl-step__icon" }, step.icon ? (h("dropi-icon", { name: step.icon, iconWidth: "16px", iconHeight: "16px", color: step.status === 'done' ? 'Neutral-White' : step.status === 'active' ? 'Primary-Primary-500' : 'Gray-Gray-400' })) : (h("span", { class: "tl-step__dot" }))), !isLast && h("div", { class: "tl-step__line" })), h("div", { class: "tl-step__content" }, h("span", { class: "tl-step__label" }, step.label), step.subtitle && h("span", { class: "tl-step__subtitle" }, step.subtitle))));
         })));

package/dist/dropi-ui/dropi-toast.entry.js CHANGED Viewed

@@ -46,7 +46,7 @@ const DropiToast = class {
         return `<lottie-player src="${this.lottieMap[severity]}" background="transparent" speed="1" loop autoplay></lottie-player>`;
     }
     render() {
-        return (h("div", { key: '0ad8903921fd1bd773d206029bcc4e12e8b21349', class: `toast-container toast-container--${this.position}` }, (this.items ?? []).map(item => (h("div", { key: item.msg.id, class: { 'toast-wrapper': true, 'toast-wrapper--leaving': item.leaving } }, h("div", { class: `toast toast--${item.msg.severity}` }, h("div", { class: "toast-content" }, h("div", { class: "lottie-img" }, h("div", { class: "lottie-player-container", innerHTML: this.getLottieHtml(item.msg.severity) })), h("div", { class: "info-container" }, h("p", { class: "title" }, item.msg.summary), item.msg.detail && h("p", { class: "description" }, item.msg.detail))), item.msg.closable && (h("button", { class: "toast-close", onClick: () => this.remove(item.msg.id) }, h("dropi-icon", { name: "Close-small", iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-400" })))))))));
+        return (h("div", { key: '962972e53e84a968b538feb28c2588f9051276ff', class: `toast-container toast-container--${this.position}` }, (this.items ?? []).map(item => (h("div", { key: item.msg.id, class: { 'toast-wrapper': true, 'toast-wrapper--leaving': item.leaving } }, h("div", { class: `toast toast--${item.msg.severity}` }, h("div", { class: "toast-content" }, h("div", { class: "lottie-img" }, h("div", { class: "lottie-player-container", innerHTML: this.getLottieHtml(item.msg.severity) })), h("div", { class: "info-container" }, h("p", { class: "title" }, item.msg.summary), item.msg.detail && h("p", { class: "description" }, item.msg.detail))), item.msg.closable && (h("button", { class: "toast-close", onClick: () => this.remove(item.msg.id) }, h("dropi-icon", { name: "Close-small", iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-400" })))))))));
     }
 };
 DropiToast.style = dropiToastCss();

package/dist/dropi-ui/dropi-tooltip-v2.entry.js CHANGED Viewed

@@ -116,12 +116,12 @@ const DropiTooltipV2 = class {
         const bubbleStyle = { maxWidth: this.maxWidth };
         if (this.minWidth)
             bubbleStyle.minWidth = this.minWidth;
-        return (h("div", { key: '85f49bcb2af567a8fb70cd92afab893a2e0bf567', class: "tooltip-wrapper", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onClick: this.handleClick, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout }, this.showIcon && (h("dropi-icon", { key: '0ec2770a45d95e2dc655886d086f7f44c12fdda5', name: this.iconName, iconWidth: `${this.iconSize}px`, iconHeight: `${this.iconSize}px`, color: this.iconColor })), h("slot", { key: 'caeff259dfaecdd7757d85bee3e93b15d8b53173' }), this.displayContent && (h("div", { key: 'e1be3f25c37b978b79db639a245d1030e9de2d59', class: {
+        return (h("div", { key: 'e2ce31df52e00568920e754904b1f5910ff4c8ba', class: "tooltip-wrapper", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onClick: this.handleClick, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout }, this.showIcon && (h("dropi-icon", { key: 'aa3213451bcfb60561043b0c3854bb20c3a4703a', name: this.iconName, iconWidth: `${this.iconSize}px`, iconHeight: `${this.iconSize}px`, color: this.iconColor })), h("slot", { key: '5ce4929e6f96d4c605d149a970aba1746e82078a' }), this.displayContent && (h("div", { key: '66a1193abf25ce4161ec35f1ca0c344ec418cce8', class: {
                 'tooltip-bubble': true,
                 [`tooltip-bubble--${this.position}`]: true,
                 [`tooltip-bubble--arrow-${this.arrowPosition}`]: true,
                 'tooltip-bubble--visible': this.visible,
-            }, style: bubbleStyle, role: "tooltip" }, this.showX && (h("button", { key: 'ba9f719b7066bb953a45b60f03fce20383c2eac5', class: "tooltip-close", onClick: this.handleClose, "aria-label": "Cerrar" }, h("dropi-icon", { key: '8660e8130e643393c9cd70846247ccae8e3ebf24', name: "Close-small", iconWidth: "12px", iconHeight: "12px", color: "Gray-Gray-500" }))), this.title && !this.text && h("strong", { key: '2d2a39d2d2a3993b62901497660a31193bcece12', class: "tooltip-title" }, this.title), this.label && !this.text && h("span", { key: 'b34e2e997629c5700b64a6ae527b71c44e8939f4', class: "tooltip-label" }, this.label), this.text && h("span", { key: '4cd22e60cce211b96cf8441a33dcd7afe5b88e40' }, this.text), h("span", { key: 'deb83c9f7c1a9cfbb3f68ec087cae81d0f64a56b', class: `tooltip-arrow tooltip-arrow--${this.position}` })))));
+            }, style: bubbleStyle, role: "tooltip" }, this.showX && (h("button", { key: '168741ebb1986f7235aee5be58695ae7cfacfe7b', class: "tooltip-close", onClick: this.handleClose, "aria-label": "Cerrar" }, h("dropi-icon", { key: 'c9154dada59cced1056f24689591f0fead22328f', name: "Close-small", iconWidth: "12px", iconHeight: "12px", color: "Gray-Gray-500" }))), this.title && !this.text && h("strong", { key: 'cd432eb19d7616f50d27613b55c191d59f70732e', class: "tooltip-title" }, this.title), this.label && !this.text && h("span", { key: 'c443cab1372947d0219a7384f491184fb1a7c5b3', class: "tooltip-label" }, this.label), this.text && h("span", { key: 'ea5dafb67ec9533052a66cf045b288cbefdf9d69' }, this.text), h("span", { key: '977257d29af4688c8a264685a1687c048faac9e5', class: `tooltip-arrow tooltip-arrow--${this.position}` })))));
     }
 };
 DropiTooltipV2.style = dropiTooltipCss();

package/dist/dropi-ui/dropi-tooltip.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const DropiTooltip = class {
     /** Whether the tooltip has an outline style (matches Angular `outlined`) */
     outlined = false;
     render() {
-        return (h("div", { key: '0b14943b628c231fbb530620e7829f70e6099c7a', class: { 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined } }, h("slot", { key: 'bf0245c6fab0ba938834d2d3e84ccaa9cb14f5c8' }), this.text && (h("div", { key: 'e1e33acf8628f79b36c5cc66c7076a03ce8167f7', class: "tooltip-simple-bubble" }, this.text))));
+        return (h("div", { key: '1c580849e5fdfc99ecfedc7c14508dfd50b789c9', class: { 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined } }, h("slot", { key: '8881e587966e67408a725e36a5a45828755e10a6' }), this.text && (h("div", { key: 'f4f1c4a1d47e3324fe4d9af25d46342c4c650a0f', class: "tooltip-simple-bubble" }, this.text))));
     }
 };
 DropiTooltip.style = dropiTooltipCss();