npm - @dropi/ui - Versions diffs - 0.1.50 → 0.1.52 - Mend

@dropi/ui 0.1.50 → 0.1.52

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 (290) 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() 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}
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 inputId=\"_table-search\" name=\"_table-search\"\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 name=\"_table-col-toggle\" 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 name=\"_table-col-toggle-all\" 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 name=\"_table-select-all\" 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 name=\"_table-row-select\" 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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-D0Z06C2b.js';
+import { r as registerInstance, d as createEvent, h } from './index-CPacpXAJ.js';
 const dropiTabsCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.tabs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;height:52px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{width:0;height:0}.tab-item{padding:var(--Size-4,16px) var(--Size-5,20px);background:var(--Neutral-White, #ffffff);border-bottom:2px solid var(--Gray-Gray-100,#e6eaf2);cursor:pointer;display:flex;gap:16px;align-items:center;white-space:nowrap;flex-shrink:0;transition:border-color 0.15s ease;user-select:none}.tab-item:hover:not(.tab-item--disabled):not(.tab-item--active){border-color:var(--Gray-Gray-300,#a3abbf)}.tab-item--active{border-bottom:2px solid var(--Primary-Primary-500,#f49a3d)}.tab-item--disabled{background:rgba(223,228,237,0.22);cursor:not-allowed;opacity:0.7;pointer-events:none}.tab-label-row{display:flex;align-items:center;gap:8px}.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}.tab-item--active .tab-label{color:var(--Gray-Gray-600,#475066)}.tab-item--disabled .tab-label{font-weight:var(--font-weight-light);color:var(--Gray-Gray-300,#a3abbf)}.tab-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple);background:var(--Gray-Gray-100,#e6eaf2);color:var(--Gray-Gray-500,#69738c)}.tab-counter--active{background-color:var(--Primary-Primary-500, #F49A3D);color:var(--Neutral-White)}.tab-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--Primary-Primary-500, #f49a3d);flex-shrink:0}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D0Z06C2b.js';
+import { r as registerInstance, h } from './index-CPacpXAJ.js';
 const dropiTagTypeProductCss = () => `:host{display:inline-block}.type-variation{border-radius:4px;background:var(--Warning-Warning-500);padding:2px 6px;font-size:var(--font-size-xs);color:var(--Neutral-White);text-transform:capitalize;font-weight:var(--font-weight-regular);width:fit-content}`;
@@ -9,7 +9,7 @@ const DropiTagTypeProduct = class {
     /** Label text. Default: VARIABLE */
     label = 'VARIABLE';
     render() {
-        return h("div", { key: '6d27b4fc40c66e6bfd8400e4727aa9a9c2e8dc8c', class: "type-variation" }, this.label);
+        return h("div", { key: '8e5e4138cc5811ee03322b8dcccacd8eac36f12a', class: "type-variation" }, this.label);
     }
 };
 DropiTagTypeProduct.style = dropiTagTypeProductCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D0Z06C2b.js';
+import { r as registerInstance, h } from './index-CPacpXAJ.js';
 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)}}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-D0Z06C2b.js';
+import { r as registerInstance, d as createEvent, h } from './index-CPacpXAJ.js';
 const dropiTextAreaCss = () => `:host{display:flex;flex-direction:column;width:100%}*,*::before,*::after{box-sizing:border-box}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.textarea-wrapper label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.asterisk{color:var(--Error-Error-500, #f46a6b)}.textarea-container{position:relative;display:flex;flex-direction:column}textarea.form-control{box-sizing:border-box;width:100%;flex:1;overflow:auto;padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:border-color 0.3s ease-in-out;outline:none;appearance:none}textarea.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}textarea.form-control:focus::placeholder{color:var(--Gray-Gray-400, #858ea6)}textarea.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.char-counter{position:absolute;bottom:10px;right:16px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c);pointer-events:none}.form-control-helper{display:flex;gap:4px;align-items:center}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}`;
@@ -19,9 +19,9 @@ const DropiTextArea = class {
     }
     internals;
     /** Input id. Defaults to label. */
-    id = '';
+    inputId;
     /** Name for native form submission */
-    name = '';
+    name;
     /** Label shown above the textarea */
     label = '';
     /** Placeholder text */
@@ -55,8 +55,8 @@ const DropiTextArea = class {
     textAreaPropertiesChanged(val) {
         if (!val)
             return;
-        if (val.id !== undefined)
-            this.id = val.id;
+        if (val.inputId !== undefined)
+            this.inputId = val.inputId;
         if (val.label !== undefined)
             this.label = val.label;
         if (val.placeholder !== undefined)
@@ -99,7 +99,7 @@ const DropiTextArea = class {
         this.dropiBlur.emit();
     }
     get resolvedId() {
-        return this.id || this.label;
+        return this.inputId || this.name;
     }
     get isInvalid() {
         return this.hasError && this.touched;
@@ -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: '8c25826a54d1f0bec06d8f70211d2bcd873d59a6', class: "textarea-wrapper" }, this.label && (h("label", { key: '58a578753a1248b185d2763aedf50eaaa152c791', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: 'cf31923103a7594f552df4ec86885f78d0c31779', class: "asterisk" }, " *"))), h("div", { key: '6ea60b6286fd4438389cfda0580379d8fe013adc', class: "textarea-container" }, h("textarea", { key: 'fc5e495d80bfd665e55480668b9fa7ed62651984', id: this.resolvedId, class: {
+        return (h("div", { key: '0b5292b24d3e4f2b56d69e985ede73be0f9a1338', class: "textarea-wrapper" }, this.label && (h("label", { key: '19a45a83b92bed4b98da68389f5eee6affce9eb2', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: 'e67602dbd7095504c4c1bf574d03a01a5238b561', class: "asterisk" }, " *"))), h("div", { key: '1d858e327147e87ca9df03d38e7bb90e0464fe31', class: "textarea-container" }, h("textarea", { key: 'c50cab6f4126a99628bd0aa6f2843fec43b27edf', 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: '07c350ce7a2e56b466229450645e6faece3d284b', class: "char-counter" }, this.charCount, "/", this.maxLength))), showHelper && (h("div", { key: 'c9fbd9a21b7e26fbd9571fc524b6f706404145d3', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: '8fc6e34849f9e3175097597280a3bea9defb6bb0', name: "Warning-circle", iconWidth: "12px", iconHeight: "12px", color: "Error-Error-500" })), h("span", { key: '68bf62627efb3de92afe54f7803e322f5a0462e4', 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: 'f62af4910cccf74bbbc7bad4064228545fba5d88', class: "char-counter" }, this.charCount, "/", this.maxLength))), showHelper && (h("div", { key: 'ca4ac5b41128f27dee5363aca453dc1f085d9e61', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: 'a9c83edecd20dd318dd6ba7e4cc0d41ad748278a', name: "Warning-circle", iconWidth: "12px", iconHeight: "12px", color: "Error-Error-500" })), h("span", { key: '09efa2feba4a232e453cc99f64d98eac9fd76632', 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-text-area.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dropi-text-area.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-text-area/dropi-text-area.css?tag=dropi-text-area&encapsulation=shadow","src/components/dropi-text-area/dropi-text-area.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n, ::before, ::after { box-sizing: border-box; }\n\n.textarea-wrapper {\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.textarea-wrapper label {\n font-size: var(--font-size-xs, 10px);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-600, #475066);\n}\n\n.asterisk {\n color: var(--Error-Error-500, #f46a6b);\n}\n\n.textarea-container {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n\ntextarea.form-control {\n box-sizing: border-box;\n width: 100%;\n flex: 1;\n overflow: auto;\n padding: var(--Size-3, 12px);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n font-size: var(--font-size-s, 12px);\n font-family: inherit;\n color: var(--Gray-Gray-700, #32394d);\n background: var(--Neutral-White, #ffffff);\n transition: border-color 0.3s ease-in-out;\n outline: none;\n appearance: none;\n}\n\ntextarea.form-control:focus {\n border-color: var(--Info-Info-500, #50a5f1);\n}\n\ntextarea.form-control:focus::placeholder {\n color: var(--Gray-Gray-400, #858ea6);\n}\n\ntextarea.form-control-valid {\n border-color: var(--Gray-Gray-400, #858ea6) !important;\n color: var(--Gray-Gray-600, #475066);\n}\n\ntextarea.form-control-invalid {\n border-color: var(--Error-Error-500, #f46a6b) !important;\n color: var(--Gray-Gray-600, #475066);\n}\n\ntextarea.form-control:disabled {\n border-color: var(--Gray-Gray-200, #c3c9d9) !important;\n color: var(--Gray-Gray-400, #858ea6);\n background-color: var(--Gray-Gray-50, #f7f8fa);\n cursor: not-allowed;\n}\n\n/ ── Char counter ───────────────────────────────────────────── /\n.char-counter {\n position: absolute;\n bottom: 10px;\n right: 16px;\n font-size: var(--font-size-xs, 10px);\n color: var(--Gray-Gray-500, #69738c);\n pointer-events: none;\n}\n\n/ ── Helper ─────────────────────────────────────────────────── /\n.form-control-helper {\n display: flex;\n gap: 4px;\n align-items: center;\n}\n\n.form-control-helper span {\n display: block;\n color: var(--Gray-Gray-600, #475066);\n font-size: var(--font-size-xs, 10px);\n}\n\n.invalid-color {\n color: var(--Error-Error-500, #f46a6b) !important;\n}\n","import { Component, Prop, State, Event, EventEmitter, AttachInternals, Watch, h } from '@stencil/core';\n\n/\n Simplified TextAreaProperties interface (matches Angular `TextAreaProperties`).\n * `formControl` is intentionally excluded — use `value` + dropiInput event instead.\n /\nexport interface TextAreaProperties {\n id?: string;\n label?: string;\n placeholder?: string;\n maxLength?: number;\n minLength?: number;\n textHelper?: string;\n rows?: number;\n resize?: 'none' \| 'both' \| 'horizontal' \| 'vertical';\n}\n\nexport type ResizeMode = 'none' \| 'both' \| 'horizontal' \| 'vertical';\n\n/\n @component dropi-text-area\n * Multi-line text area with label, char counter, validation states,\n * helper text, and native form association.\n /\n@Component({\n tag: 'dropi-text-area',\n styleUrl: 'dropi-text-area.css',\n shadow: true,\n formAssociated: true,\n})\nexport class DropiTextArea {\n @AttachInternals() internals: ElementInternals;\n\n /* Input id. Defaults to label. /\n @Prop({ mutable: true }) id: string = '';\n /* Name for native form submission /\n @Prop({ reflect: true }) name: string = '';\n /* Label shown above the textarea /\n @Prop({ mutable: true }) label: string = '';\n /* Placeholder text /\n @Prop({ mutable: true }) placeholder: string = '';\n /* Current value (controlled) /\n @Prop({ mutable: true }) value: string = '';\n /* Max character length /\n @Prop({ mutable: true }) maxLength: number;\n /* Min character length /\n @Prop({ mutable: true }) minLength: number = 0;\n /* Number of visible rows /\n @Prop({ mutable: true }) rows: number = 4;\n /* Resize behavior /\n @Prop({ mutable: true }) resize: ResizeMode = 'vertical';\n /* Disable the textarea /\n @Prop({ reflect: true }) disabled: boolean = false;\n /* Mark as required /\n @Prop({ reflect: true }) required: boolean = false;\n /* Show the required asterisk /\n @Prop() showObligatoryAsterisk: boolean = false;\n /* Helper / error text below the field /\n @Prop({ mutable: true }) textHelper: string = '';\n /* Mark the field as invalid (consumer-controlled) /\n @Prop() hasError: boolean = false;\n /\n Convenience object prop — matches Angular `textAreaProperties: TextAreaProperties`.\n * When provided, its non-null fields override individual props.\n * Note: `formControl` is not supported in web components; use `value` + dropiInput instead.\n /\n @Prop() textAreaProperties: TextAreaProperties \| null = null;\n\n @Watch('textAreaProperties')\n textAreaPropertiesChanged(val: TextAreaProperties) {\n if (!val) return;\n if (val.id !== undefined) this.id = val.id;\n if (val.label !== undefined) this.label = val.label;\n if (val.placeholder !== undefined) this.placeholder = val.placeholder;\n if (val.maxLength !== undefined) this.maxLength = val.maxLength;\n if (val.minLength !== undefined) this.minLength = val.minLength;\n if (val.textHelper !== undefined) this.textHelper = val.textHelper;\n if (val.rows !== undefined) this.rows = val.rows;\n if (val.resize !== undefined) this.resize = val.resize;\n }\n\n @State() private touched: boolean = false;\n\n /* Emitted on every keystroke /\n @Event() dropiInput: EventEmitter<string>;\n /* Emitted on blur /\n @Event() dropiChange: EventEmitter<string>;\n @Event() dropiFocus: EventEmitter<void>;\n @Event() dropiBlur: EventEmitter<void>;\n\n @Watch('value')\n valueChanged(val: string) {\n this.internals.setFormValue(val);\n }\n\n componentWillLoad() {\n this.internals.setFormValue(this.value ?? '');\n if (this.textAreaProperties) this.textAreaPropertiesChanged(this.textAreaProperties);\n }\n\n private handleInput(e: InputEvent) {\n const val = (e.target as HTMLTextAreaElement).value;\n this.value = val;\n this.internals.setFormValue(val);\n this.dropiInput.emit(val);\n this.dropiChange.emit(val);\n }\n\n private handleBlur() {\n this.touched = true;\n this.dropiBlur.emit();\n }\n\n private get resolvedId(): string {\n return this.id \|\| this.label;\n }\n\n private get isInvalid(): boolean {\n return this.hasError && this.touched;\n }\n\n private get charCount(): number {\n return this.value?.length ?? 0;\n }\n\n render() {\n const showAsterisk = this.required && this.showObligatoryAsterisk && !this.disabled;\n const showHelper = this.textHelper \|\| this.isInvalid;\n\n return (\n <div class=\"textarea-wrapper\">\n\n {this.label && (\n <label\n htmlFor={this.resolvedId}\n style={{ color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' }}\n >\n {this.label}\n {showAsterisk && <span class=\"asterisk\"> </span>}\n </label>\n )}\n\n <div class=\"textarea-container\">\n <textarea\n id={this.resolvedId}\n class={{\n 'form-control': true,\n 'Body-M-Regular': true,\n 'form-control-valid': !this.isInvalid && this.touched && !!this.value,\n 'form-control-invalid': this.isInvalid,\n }}\n rows={this.rows}\n placeholder={this.placeholder}\n maxLength={this.maxLength}\n minLength={this.minLength}\n disabled={this.disabled}\n required={this.required}\n style={{ resize: this.resize }}\n onInput={(e) => this.handleInput(e as InputEvent)}\n onFocus={() => this.dropiFocus.emit()}\n onBlur={() => this.handleBlur()}\n >\n {this.value}\n </textarea>\n\n {this.maxLength > 0 && (\n <div class=\"char-counter\">\n {this.charCount}/{this.maxLength}\n </div>\n )}\n </div>\n\n {showHelper && (\n <div class=\"form-control-helper\">\n {this.isInvalid && (\n <dropi-icon name=\"Warning-circle\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Error-Error-500\" />\n )}\n <span\n class={{ 'invalid-color': this.isInvalid }}\n style={{ color: this.disabled ? 'var(--Gray-Gray-400)' : undefined }}\n >\n {this.textHelper}\n </span>\n </div>\n )}\n\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"dropi-text-area.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,gwDAAgwD,CAAC;;MC8BpxD,aAAa,GAAA,MAAA;;;;;;;;;;;;;;;AACL,IAAA,SAAS;;AAGH,IAAA,OAAO;;AAEP,IAAA,IAAI;;IAEJ,KAAK,GAAW,EAAE;;IAElB,WAAW,GAAW,EAAE;;IAExB,KAAK,GAAW,EAAE;;AAElB,IAAA,SAAS;;IAET,SAAS,GAAW,CAAC;;IAErB,IAAI,GAAW,CAAC;;IAEhB,MAAM,GAAe,UAAU;;IAE/B,QAAQ,GAAY,KAAK;;IAEzB,QAAQ,GAAY,KAAK;;IAE1C,sBAAsB,GAAY,KAAK;;IAEtB,UAAU,GAAW,EAAE;;IAExC,QAAQ,GAAY,KAAK;AACjC;;;;AAIG;IACK,kBAAkB,GAA8B,IAAI;AAG5D,IAAA,yBAAyB,CAAC,GAAuB,EAAA;AAC/C,QAAA,IAAI,CAAC,GAAG;YAAE;AACV,QAAA,IAAI,GAAG,CAAC,OAAO,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO;AACzD,QAAA,IAAI,GAAG,CAAC,KAAK,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK;AACnD,QAAA,IAAI,GAAG,CAAC,WAAW,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,WAAW;AACrE,QAAA,IAAI,GAAG,CAAC,SAAS,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/D,QAAA,IAAI,GAAG,CAAC,SAAS,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/D,QAAA,IAAI,GAAG,CAAC,UAAU,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,UAAU;AAClE,QAAA,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;AAChD,QAAA,IAAI,GAAG,CAAC,MAAM,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM;;IAGvC,OAAO,GAAY,KAAK;;AAGhC,IAAA,UAAU;;AAEV,IAAA,WAAW;AACX,IAAA,UAAU;AACV,IAAA,SAAS;AAGlB,IAAA,YAAY,CAAC,GAAW,EAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC;;IAGlC,iBAAiB,GAAA;QACf,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QAC7C,IAAI,IAAI,CAAC,kBAAkB;AAAE,YAAA,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,kBAAkB,CAAC;;AAG9E,IAAA,WAAW,CAAC,CAAa,EAAA;AAC/B,QAAA,MAAM,GAAG,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK;AACnD,QAAA,IAAI,CAAC,KAAK,GAAG,GAAG;AAChB,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC;AAChC,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AACzB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGpB,UAAU,GAAA;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;;AAGvB,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI;;AAGlC,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;;AAGtC,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;;IAGhC,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,sBAAsB,IAAI,CAAC,IAAI,CAAC,QAAQ;QACnF,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;QAEpD,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAE1B,IAAI,CAAC,KAAK,KACT,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,sBAAsB,GAAG,sBAAsB,EAAE,EAAA,EAEhF,IAAI,CAAC,KAAK,EACV,YAAY,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,UAAU,EAAA,EAAA,IAAA,CAAU,CAC3C,CACT,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,UAAU,EACnB,KAAK,EAAE;AACL,gBAAA,cAAc,EAAE,IAAI;AACpB,gBAAA,gBAAgB,EAAE,IAAI;AACtB,gBAAA,oBAAoB,EAAE,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK;gBACrE,sBAAsB,EAAE,IAAI,CAAC,SAAS;aACvC,EACD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAe,CAAC,EACjD,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EACrC,MAAM,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IAE9B,IAAI,CAAC,KAAK,CACF,EAEV,IAAI,CAAC,SAAS,GAAG,CAAC,KACjB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACtB,IAAI,CAAC,SAAS,OAAG,IAAI,CAAC,SAAS,CAC5B,CACP,CACG,EAEL,UAAU,KACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC7B,IAAI,CAAC,SAAS,KACb,mEAAY,IAAI,EAAC,gBAAgB,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAA,CAAG,CAChG,EACD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,SAAS,EAAE,EAC1C,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,sBAAsB,GAAG,SAAS,EAAE,EAAA,EAEnE,IAAI,CAAC,UAAU,CACX,CACH,CACP,CAEG;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dropi-text-area/dropi-text-area.css?tag=dropi-text-area&encapsulation=shadow","src/components/dropi-text-area/dropi-text-area.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n, ::before, ::after { box-sizing: border-box; }\n\n.textarea-wrapper {\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.textarea-wrapper label {\n font-size: var(--font-size-xs, 10px);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-600, #475066);\n}\n\n.asterisk {\n color: var(--Error-Error-500, #f46a6b);\n}\n\n.textarea-container {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n\ntextarea.form-control {\n box-sizing: border-box;\n width: 100%;\n flex: 1;\n overflow: auto;\n padding: var(--Size-3, 12px);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n font-size: var(--font-size-s, 12px);\n font-family: inherit;\n color: var(--Gray-Gray-700, #32394d);\n background: var(--Neutral-White, #ffffff);\n transition: border-color 0.3s ease-in-out;\n outline: none;\n appearance: none;\n}\n\ntextarea.form-control:focus {\n border-color: var(--Info-Info-500, #50a5f1);\n}\n\ntextarea.form-control:focus::placeholder {\n color: var(--Gray-Gray-400, #858ea6);\n}\n\ntextarea.form-control-valid {\n border-color: var(--Gray-Gray-400, #858ea6) !important;\n color: var(--Gray-Gray-600, #475066);\n}\n\ntextarea.form-control-invalid {\n border-color: var(--Error-Error-500, #f46a6b) !important;\n color: var(--Gray-Gray-600, #475066);\n}\n\ntextarea.form-control:disabled {\n border-color: var(--Gray-Gray-200, #c3c9d9) !important;\n color: var(--Gray-Gray-400, #858ea6);\n background-color: var(--Gray-Gray-50, #f7f8fa);\n cursor: not-allowed;\n}\n\n/ ── Char counter ───────────────────────────────────────────── /\n.char-counter {\n position: absolute;\n bottom: 10px;\n right: 16px;\n font-size: var(--font-size-xs, 10px);\n color: var(--Gray-Gray-500, #69738c);\n pointer-events: none;\n}\n\n/ ── Helper ─────────────────────────────────────────────────── /\n.form-control-helper {\n display: flex;\n gap: 4px;\n align-items: center;\n}\n\n.form-control-helper span {\n display: block;\n color: var(--Gray-Gray-600, #475066);\n font-size: var(--font-size-xs, 10px);\n}\n\n.invalid-color {\n color: var(--Error-Error-500, #f46a6b) !important;\n}\n","import { Component, Prop, State, Event, EventEmitter, AttachInternals, Watch, h } from '@stencil/core';\n\n/\n Simplified TextAreaProperties interface (matches Angular `TextAreaProperties`).\n * `formControl` is intentionally excluded — use `value` + dropiInput event instead.\n /\nexport interface TextAreaProperties {\n inputId?: string;\n label?: string;\n placeholder?: string;\n maxLength?: number;\n minLength?: number;\n textHelper?: string;\n rows?: number;\n resize?: 'none' \| 'both' \| 'horizontal' \| 'vertical';\n}\n\nexport type ResizeMode = 'none' \| 'both' \| 'horizontal' \| 'vertical';\n\n/\n @component dropi-text-area\n * Multi-line text area with label, char counter, validation states,\n * helper text, and native form association.\n /\n@Component({\n tag: 'dropi-text-area',\n styleUrl: 'dropi-text-area.css',\n shadow: true,\n formAssociated: true,\n})\nexport class DropiTextArea {\n @AttachInternals() internals: ElementInternals;\n\n /* Input id. Defaults to label. /\n @Prop({ mutable: true }) inputId!: string;\n /* Name for native form submission /\n @Prop({ reflect: true }) name!: string;\n /* Label shown above the textarea /\n @Prop({ mutable: true }) label: string = '';\n /* Placeholder text /\n @Prop({ mutable: true }) placeholder: string = '';\n /* Current value (controlled) /\n @Prop({ mutable: true }) value: string = '';\n /* Max character length /\n @Prop({ mutable: true }) maxLength: number;\n /* Min character length /\n @Prop({ mutable: true }) minLength: number = 0;\n /* Number of visible rows /\n @Prop({ mutable: true }) rows: number = 4;\n /* Resize behavior /\n @Prop({ mutable: true }) resize: ResizeMode = 'vertical';\n /* Disable the textarea /\n @Prop({ reflect: true }) disabled: boolean = false;\n /* Mark as required /\n @Prop({ reflect: true }) required: boolean = false;\n /* Show the required asterisk /\n @Prop() showObligatoryAsterisk: boolean = false;\n /* Helper / error text below the field /\n @Prop({ mutable: true }) textHelper: string = '';\n /* Mark the field as invalid (consumer-controlled) /\n @Prop() hasError: boolean = false;\n /\n Convenience object prop — matches Angular `textAreaProperties: TextAreaProperties`.\n * When provided, its non-null fields override individual props.\n * Note: `formControl` is not supported in web components; use `value` + dropiInput instead.\n /\n @Prop() textAreaProperties: TextAreaProperties \| null = null;\n\n @Watch('textAreaProperties')\n textAreaPropertiesChanged(val: TextAreaProperties) {\n if (!val) return;\n if (val.inputId !== undefined) this.inputId = val.inputId;\n if (val.label !== undefined) this.label = val.label;\n if (val.placeholder !== undefined) this.placeholder = val.placeholder;\n if (val.maxLength !== undefined) this.maxLength = val.maxLength;\n if (val.minLength !== undefined) this.minLength = val.minLength;\n if (val.textHelper !== undefined) this.textHelper = val.textHelper;\n if (val.rows !== undefined) this.rows = val.rows;\n if (val.resize !== undefined) this.resize = val.resize;\n }\n\n @State() private touched: boolean = false;\n\n /* Emitted on every keystroke /\n @Event() dropiInput: EventEmitter<string>;\n /* Emitted on blur /\n @Event() dropiChange: EventEmitter<string>;\n @Event() dropiFocus: EventEmitter<void>;\n @Event() dropiBlur: EventEmitter<void>;\n\n @Watch('value')\n valueChanged(val: string) {\n this.internals.setFormValue(val);\n }\n\n componentWillLoad() {\n this.internals.setFormValue(this.value ?? '');\n if (this.textAreaProperties) this.textAreaPropertiesChanged(this.textAreaProperties);\n }\n\n private handleInput(e: InputEvent) {\n const val = (e.target as HTMLTextAreaElement).value;\n this.value = val;\n this.internals.setFormValue(val);\n this.dropiInput.emit(val);\n this.dropiChange.emit(val);\n }\n\n private handleBlur() {\n this.touched = true;\n this.dropiBlur.emit();\n }\n\n private get resolvedId(): string {\n return this.inputId \|\| this.name;\n }\n\n private get isInvalid(): boolean {\n return this.hasError && this.touched;\n }\n\n private get charCount(): number {\n return this.value?.length ?? 0;\n }\n\n render() {\n const showAsterisk = this.required && this.showObligatoryAsterisk && !this.disabled;\n const showHelper = this.textHelper \|\| this.isInvalid;\n\n return (\n <div class=\"textarea-wrapper\">\n\n {this.label && (\n <label\n htmlFor={this.resolvedId}\n style={{ color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' }}\n >\n {this.label}\n {showAsterisk && <span class=\"asterisk\"> </span>}\n </label>\n )}\n\n <div class=\"textarea-container\">\n <textarea\n id={this.resolvedId}\n class={{\n 'form-control': true,\n 'Body-M-Regular': true,\n 'form-control-valid': !this.isInvalid && this.touched && !!this.value,\n 'form-control-invalid': this.isInvalid,\n }}\n rows={this.rows}\n placeholder={this.placeholder}\n maxLength={this.maxLength}\n minLength={this.minLength}\n disabled={this.disabled}\n required={this.required}\n style={{ resize: this.resize }}\n onInput={(e) => this.handleInput(e as InputEvent)}\n onFocus={() => this.dropiFocus.emit()}\n onBlur={() => this.handleBlur()}\n >\n {this.value}\n </textarea>\n\n {this.maxLength > 0 && (\n <div class=\"char-counter\">\n {this.charCount}/{this.maxLength}\n </div>\n )}\n </div>\n\n {showHelper && (\n <div class=\"form-control-helper\">\n {this.isInvalid && (\n <dropi-icon name=\"Warning-circle\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Error-Error-500\" />\n )}\n <span\n class={{ 'invalid-color': this.isInvalid }}\n style={{ color: this.disabled ? 'var(--Gray-Gray-400)' : undefined }}\n >\n {this.textHelper}\n </span>\n </div>\n )}\n\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D0Z06C2b.js';
+import { r as registerInstance, h } from './index-CPacpXAJ.js';
 const dropiTimeLineCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.tl-step__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s, border-color 0.2s}.tl-step--pending .tl-step__icon{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.tl-step--active .tl-step__icon{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d);box-shadow:0 0 0 4px var(--Primary-Primary-100, #fde9d0)}.tl-step--done .tl-step__icon{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.tl-step__dot{width:8px;height:8px;border-radius:50%;display:block}.tl-step--pending .tl-step__dot{background:var(--Gray-Gray-300, #a3abbf)}.tl-step--active .tl-step__dot{background:var(--Primary-Primary-500, #f49a3d)}.tl-step--done .tl-step__dot{background:var(--Neutral-White, #ffffff)}.tl-step__line{flex:1;width:2px;min-height:24px;margin:4px 0;background:var(--Gray-Gray-200, #c3c9d9)}.tl-step--done+.tl-step .tl-step__line,.tl-step--done .tl-step__line{background:var(--Primary-Primary-500, #f49a3d)}.tl-step__content{display:flex;flex-direction:column;gap:2px;padding-top:6px;padding-bottom:var(--Size-4, 16px)}.tl-step__label{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.tl-step--pending .tl-step__label{color:var(--Gray-Gray-400, #858ea6);font-weight:var(--font-weight-regular, 400)}.tl-step__subtitle{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D0Z06C2b.js';
+import { r as registerInstance, h } from './index-CPacpXAJ.js';
 const dropiToastCss = () => `:host{display:contents}*,*::before,*::after{box-sizing:border-box}.toast-container{position:fixed;z-index:var(--dropi-z-index-toast, 12000);display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none}.toast-container--top-right{top:80px;right:0;padding:var(--Size-2, 8px)}.toast-container--top-left{top:80px;left:0;padding:var(--Size-2, 8px)}.toast-container--bottom-right{bottom:24px;right:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--bottom-left{bottom:24px;left:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--top-center{top:80px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px)}.toast-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-wrapper{pointer-events:auto;animation:toast-in 0.28s ease;transition:opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease;overflow:hidden;max-height:200px}.toast-wrapper--leaving{opacity:0;transform:translateX(20px);max-height:0;pointer-events:none}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast{position:relative;display:flex;align-items:flex-start;border-radius:var(--Border-2,8px);background:var(--Neutral-White, #ffffff);box-shadow:0.5px -1px 7px 0px rgba(0, 0, 0, 0.06), 0px 4px 20px 0px rgba(0, 0, 0, 0.12);border-left:var(--Size-2, 8px) solid;overflow:hidden;min-width:300px}.toast--success{border-color:var(--Success-Success-500,#34c38f)}.toast--error{border-color:var(--Error-Error-500,#f46a6b)}.toast--warn{border-color:var(--Warning-Warning-500,#f1b44c)}.toast--info{border-color:var(--Info-Info-500,#50a5f1)}.toast-content{display:flex;flex-direction:row;align-items:flex-start;padding:var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));gap:var(--Size-4, 16px)}.lottie-img{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.lottie-player-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}lottie-player{width:100%;height:100%;display:block}.info-container{flex:1;min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.title{margin:0;font-size:var(--font-size-l,18px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-700,#32394d);line-height:1.1;text-align:left;max-width:250px}.description{margin:0;font-size:var(--font-size-s,14px);color:var(--Gray-Gray-500, #69738c);line-height:1.4;text-align:left;max-width:250px}.toast-close{position:absolute;top:18px;right:10px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:0.7}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D0Z06C2b.js';
+import { r as registerInstance, h } from './index-CPacpXAJ.js';
 const dropiTooltipCss = () => `:host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:var(--dropi-z-index-overlay, 11000);background:var(--Gray-Gray-800);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--Gray-Gray-800)}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--Gray-Gray-800)}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--Gray-Gray-800)}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--Gray-Gray-800)}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D0Z06C2b.js';
+import { r as registerInstance, h } from './index-CPacpXAJ.js';
 const dropiTooltipCss = () => `:host{display:inline-block;position:relative}.tooltip-simple-bubble{position:absolute;background:var(--Gray-Gray-800, #1e293b);color:white;padding:4px 8px;border-radius:4px;font-size:12px;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;z-index:var(--dropi-z-index-overlay, 11000)}:host(:hover) .tooltip-simple-bubble{opacity:1}.tooltip-simple--outlined .tooltip-simple-bubble{border:1px solid var(--Gray-Gray-300);background:white;color:var(--Gray-Gray-800)}`;
@@ -11,7 +11,7 @@ const DropiTooltip = class {
     /** Whether the tooltip has an outline style (matches Angular `outlined`) */
     outlined = false;
     render() {
-        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))));
+        return (h("div", { key: '4c5897ca6c10c9822101b57015feb982dfd29e66', class: { 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined } }, h("slot", { key: '6cc92f6874bd44380275261f55a0d1467fcc2f7e' }), this.text && (h("div", { key: 'fb53d4be908de9ed3006c912dc3e1534432dfa4a', class: "tooltip-simple-bubble" }, this.text))));
     }
 };
 DropiTooltip.style = dropiTooltipCss();