Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-29 13:21:29 +04:00
Code Issues Projects Releases Wiki Activity

Render Modal as real markup; drain scripts via CaptureScript (#2742)

Browse Source 
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
This commit is contained in:
Paweł Kuna
2026-08-03 00:55:32 +02:00
committed by GitHub
co-authored by StarDev
parent 66dc336726
commit 575d68572f
200 changed files with 10670 additions and 10096 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shared/ui/AvatarList.astro
+20 -22
View File
@@ -1,37 +1,35 @@
---
// 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 — Liquid's
// `include['size'] | default: 'sm'` resolved to a junk meta-property on callers
// that omitted size; parity strips those avatar-N classes.
import Avatar from './Avatar.astro'
import people from '@data/people.json'
// 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
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
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 { limit = 5, offset = 0, stacked, size, class: className, text } = Astro.props;
const list = (people as Person[]).slice(offset, offset + limit)
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>
<slot>
{list.map((person) => <Avatar person={person} size={size} />)}
{text && <Avatar placeholder={text} size={size} />}
</slot>
</div>