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

Fix Prettier formatting regression and Astro type-check errors

Browse Source 
`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.
This commit is contained in:
codecalm
2026-08-03 01:26:19 +02:00
parent 5246f0b6fd
commit f27c70ad38
166 changed files with 9678 additions and 10612 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shared/components/modals/Modal.astro
+16 -38
View File
@@ -2,49 +2,27 @@
// Modal shell markup. Wrap with <CaptureModal> at the call site to emit at the
// end of <body> (see PageModals). For inline gallery demos use ModalInline.
interface Props {
modalId?: string;
size?: string;
top?: boolean;
scrollable?: boolean;
class?: string;
show?: boolean;
style?: string;
modalId?: string
size?: string
top?: boolean
scrollable?: boolean
class?: string
show?: boolean
style?: string
}
const {
modalId = 'simple',
size,
top,
scrollable,
class: className,
show,
style,
} = Astro.props;
const { modalId = 'simple', size, top, scrollable, class: className, show, style } = Astro.props
const modalClass = ['modal modal-blur fade', className, show && 'show'].filter(Boolean).join(' ');
const dialogClass = [
'modal-dialog',
size && `modal-${size}`,
!top && 'modal-dialog-centered',
scrollable && 'modal-dialog-scrollable',
]
.filter(Boolean)
.join(' ');
const modalClass = ['modal modal-blur fade', className, show && 'show'].filter(Boolean).join(' ')
const dialogClass = ['modal-dialog', size && `modal-${size}`, !top && 'modal-dialog-centered', scrollable && 'modal-dialog-scrollable'].filter(Boolean).join(' ')
---
<!-- BEGIN MODAL -->
<div
class={modalClass}
style={style}
id={`modal-${modalId}`}
tabindex="-1"
role="dialog"
aria-hidden={show ? 'false' : 'true'}
>
<div class={dialogClass} role="document">
<div class="modal-content">
<slot />
</div>
</div>
<div class={modalClass} style={style} id={`modal-${modalId}`} tabindex="-1" role="dialog" aria-hidden={show ? 'false' : 'true'}>
<div class={dialogClass} role="document">
<div class="modal-content">
<slot />
</div>
</div>
</div>
<!-- END MODAL -->