mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +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

12
src/PaginationNav/PaginationItem.svelte
View file

@ -6,16 +6,16 @@
export let active = false;
</script>
<li class:bx--pagination-nav__list-item="{true}">
<li class:bx--pagination-nav__list-item={true}>
<button
type="button"
data-page="{page}"
aria-current="{active ? 'page' : undefined}"
class:bx--pagination-nav__page="{true}"
class:bx--pagination-nav__page--active="{active}"
data-page={page}
aria-current={active ? "page" : undefined}
class:bx--pagination-nav__page={true}
class:bx--pagination-nav__page--active={active}
on:click
>
<span class:bx--pagination-nav__accessibility-label="{true}">
<span class:bx--pagination-nav__accessibility-label={true}>
<slot />
</span>
{page}

108
src/PaginationNav/PaginationNav.svelte
View file

@ -76,111 +76,111 @@
.slice(startOffset + front, (back + 1) * -1);
</script>
<nav aria-label="pagination" class:bx--pagination-nav="{true}" {...$$restProps}>
<ul class:bx--pagination-nav__list="{true}">
<li class:bx--pagination-nav__list-item="{true}">
<nav aria-label="pagination" class:bx--pagination-nav={true} {...$$restProps}>
<ul class:bx--pagination-nav__list={true}>
<li class:bx--pagination-nav__list-item={true}>
<Button
kind="ghost"
tooltipAlignment="center"
tooltipPosition="{tooltipPosition === 'inside'
? 'right'
: tooltipPosition === 'outside'
? 'left'
: tooltipPosition}"
iconDescription="{backwardText}"
disabled="{!loop && page === 1}"
icon="{CaretLeft}"
on:click="{() => {
tooltipPosition={tooltipPosition === "inside"
? "right"
: tooltipPosition === "outside"
? "left"
: tooltipPosition}
iconDescription={backwardText}
disabled={!loop && page === 1}
icon={CaretLeft}
on:click={() => {
if (page <= 1) {
if (loop) page = total;
} else {
page--;
}
dispatch('click:button--previous', { page });
dispatch('change', { page });
}}"
dispatch("click:button--previous", { page });
dispatch("change", { page });
}}
/>
</li>
{#if fit > MIN || (fit <= MIN && page <= 1)}
<PaginationItem
page="{1}"
active="{page === 1}"
on:click="{() => {
page={1}
active={page === 1}
on:click={() => {
page = 1;
dispatch('change', { page });
}}"
dispatch("change", { page });
}}
>
{page === 1 ? "Active, Page" : "Page"}
</PaginationItem>
{/if}
<PaginationOverflow
fromIndex="{startOffset}"
count="{front}"
on:select="{({ detail }) => {
fromIndex={startOffset}
count={front}
on:select={({ detail }) => {
page = detail.index;
dispatch('change', { page });
}}"
dispatch("change", { page });
}}
/>
{#each items as item}
<PaginationItem
page="{item + 1}"
active="{page === item + 1}"
on:click="{() => {
page={item + 1}
active={page === item + 1}
on:click={() => {
page = item + 1;
dispatch('change', { page });
}}"
dispatch("change", { page });
}}
>
{page === item ? "Active, Page" : "Page"}
</PaginationItem>
{/each}
<PaginationOverflow
fromIndex="{total - back - 1}"
count="{back}"
on:select="{({ detail }) => {
fromIndex={total - back - 1}
count={back}
on:select={({ detail }) => {
page = detail.index;
dispatch('change', { page });
}}"
dispatch("change", { page });
}}
/>
{#if total > 1}
<PaginationItem
page="{total}"
active="{page === total}"
on:click="{() => {
page={total}
active={page === total}
on:click={() => {
page = total;
dispatch('change', { page });
}}"
dispatch("change", { page });
}}
>
{page === total ? "Active, Page" : "Page"}
</PaginationItem>
{/if}
<li class:bx--pagination-nav__list-item="{true}">
<li class:bx--pagination-nav__list-item={true}>
<Button
kind="ghost"
tooltipAlignment="center"
tooltipPosition="{tooltipPosition === 'inside'
? 'left'
: tooltipPosition === 'outside'
? 'right'
: tooltipPosition}"
iconDescription="{forwardText}"
disabled="{!loop && page === total}"
icon="{CaretRight}"
on:click="{() => {
tooltipPosition={tooltipPosition === "inside"
? "left"
: tooltipPosition === "outside"
? "right"
: tooltipPosition}
iconDescription={forwardText}
disabled={!loop && page === total}
icon={CaretRight}
on:click={() => {
if (page >= total) {
if (loop) page = 1;
} else {
page++;
}
dispatch('click:button--next', { page });
dispatch('change', { page });
}}"
dispatch("click:button--next", { page });
dispatch("change", { page });
}}
/>
</li>
</ul>
<div
aria-live="polite"
aria-atomic="true"
class:bx--pagination-nav__accessibility-label="{true}"
class:bx--pagination-nav__accessibility-label={true}
>
Page
{page + 1}

30
src/PaginationNav/PaginationOverflow.svelte
View file

@ -19,37 +19,37 @@
</script>
{#if count > 1}
<li class:bx--pagination-nav__list-item="{true}">
<div class:bx--pagination-nav__select="{true}">
<li class:bx--pagination-nav__list-item={true}>
<div class:bx--pagination-nav__select={true}>
<!-- svelte-ignore a11y-no-onchange -->
<select
aria-label="Select Page number"
value="{value}"
class:bx--pagination-nav__page="{true}"
class:bx--pagination-nav__page--select="{true}"
on:change="{({ target }) => {
value = '';
dispatch('select', { index: Number(target.value) });
}}"
{value}
class:bx--pagination-nav__page={true}
class:bx--pagination-nav__page--select={true}
on:change={({ target }) => {
value = "";
dispatch("select", { index: Number(target.value) });
}}
>
<option value="" hidden></option>
{#each Array.from({ length: count }, (_, i) => i) as i}
<option value="{fromIndex + i + 1}" data-page="{fromIndex + i + 1}">
<option value={fromIndex + i + 1} data-page={fromIndex + i + 1}>
{fromIndex + i + 1}
</option>
{/each}
</select>
<div class:bx--pagination-nav__select-icon-wrapper="{true}">
<div class:bx--pagination-nav__select-icon-wrapper={true}>
<OverflowMenuHorizontal class="bx--pagination-nav__select-icon" />
</div>
</div>
</li>
{:else if count === 1}
<PaginationItem
page="{fromIndex + 1}"
on:click="{() => {
dispatch('select', { index: fromIndex });
}}"
page={fromIndex + 1}
on:click={() => {
dispatch("select", { index: fromIndex });
}}
>
Page
</PaginationItem>