mirror of
https://github.com/tabler/tabler.git
synced 2026-08-07 03:42:27 +04:00
codecalm
f27c70ad38
`Render Modal as real markup` (#2742) reformatted ~140 files back to tabs/semicolons, breaking the Prettier config added by the Astro quality gates (#2749). Re-run prettier --write to restore it, and fix the type errors it had been masking: HTMLElement casts and `this` typing in ChangePasswordModalContent/ConfirmDeleteModalContent scripts, plain-JS syntax in the inline-injected progress.astro script, narrowed prop unions in Button/Check/Spinner, nullable icon svg casts in Icons/Rating, and a duplicate firstLetters/invalid `placeholder` attribute in Select.astro. Also fix shared/vitest.config.mts's stale `astro/lib/**/*.test.ts` include glob left over from the shared source restructure, which made `pnpm test` report zero test files.
36 lines
1.0 KiB
Plaintext
36 lines
1.0 KiB
Plaintext
---
|
|
// Default slot: loops over the `people` global with limit/offset.
|
|
// Pass children to override and render a custom list.
|
|
// NOTE: when `size` is omitted we pass NO size to Avatar — callers that omit size should not get avatar-N suffix classes.
|
|
import Avatar from './Avatar.astro'
|
|
import people from '@data/people.json'
|
|
|
|
interface Person {
|
|
full_name?: string
|
|
photo?: string
|
|
[key: string]: unknown
|
|
}
|
|
|
|
interface Props {
|
|
limit?: number
|
|
offset?: number
|
|
stacked?: boolean
|
|
/** avatar-list-{size} + forwarded to default Avatars */
|
|
size?: string
|
|
class?: string
|
|
/** placeholder avatar appended after the list */
|
|
text?: string
|
|
}
|
|
|
|
const { limit = 5, offset = 0, stacked, size, class: className, text } = Astro.props
|
|
|
|
const list = (people as Person[]).slice(offset, offset + limit)
|
|
---
|
|
|
|
<div class:list={['avatar-list', stacked && 'avatar-list-stacked', size && `avatar-list-${size}`, className]}>
|
|
<slot>
|
|
{list.map((person) => <Avatar person={person} size={size} />)}
|
|
{text && <Avatar placeholder={text} size={size} />}
|
|
</slot>
|
|
</div>
|