mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: format files with Prettier 3

Browse source
This commit is contained in:
Eric Liu 2024-11-11 21:27:04 -08:00
commit 8e996dc683
391 changed files with 3725 additions and 3785 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/DataTable/DataTableSkeleton.svelte
View file

@ -33,45 +33,46 @@
export let showToolbar = true;
$: values = headers.map((header) =>
header.value !== undefined ? header.value : header
header.value !== undefined ? header.value : header,
);
$: cols = Array.from(
{ length: headers.length > 0 ? headers.length : columns },
(_, i) => i
(_, i) => i,
);
</script>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div
class:bx--skeleton="{true}"
class:bx--data-table-container="{true}"
class:bx--skeleton={true}
class:bx--data-table-container={true}
{...$$restProps}
>
{#if showHeader}
<div class:bx--data-table-header="{true}">
<div class:bx--data-table-header__title="{true}"></div>
<div class:bx--data-table-header__description="{true}"></div>
<div class:bx--data-table-header={true}>
<div class:bx--data-table-header__title={true}></div>
<div class:bx--data-table-header__description={true}></div>
</div>
{/if}
{#if showToolbar}
<section aria-label="data table toolbar" class:bx--table-toolbar="{true}">
<div class:bx--toolbar-content="{true}">
<section aria-label="data table toolbar" class:bx--table-toolbar={true}>
<div class:bx--toolbar-content={true}>
<span
class:bx--skeleton="{true}"
class:bx--btn="{true}"
class:bx--btn--sm="{true}"></span>
class:bx--skeleton={true}
class:bx--btn={true}
class:bx--btn--sm={true}
></span>
</div>
</section>
{/if}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<table
class:bx--skeleton="{true}"
class:bx--data-table="{true}"
class:bx--data-table--compact="{size === 'compact'}"
class:bx--data-table--short="{size === 'short'}"
class:bx--data-table--tall="{size === 'tall'}"
class:bx--data-table--zebra="{zebra}"
class:bx--skeleton={true}
class:bx--data-table={true}
class:bx--data-table--compact={size === "compact"}
class:bx--data-table--short={size === "short"}
class:bx--data-table--tall={size === "tall"}
class:bx--data-table--zebra={zebra}
on:click
on:mouseover
on:mouseenter