Skip to content

Commit 2d3f9f8

Browse files
techniqtechniq
committed
Format project (fix lint failure)
1 parent d3fc7da commit 2d3f9f8

20 files changed

+129
-56
lines changed

Diff for: ‎packages/svelte-ux/src/lib/components/AppBar.svelte

+6-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,12 @@
2626
</script>
2727

2828
<header
29-
class={cls('AppBar', 'px-4 flex items-center relative z-50', settingsClasses.root, $$restProps.class)}
29+
class={cls(
30+
'AppBar',
31+
'px-4 flex items-center relative z-50',
32+
settingsClasses.root,
33+
$$restProps.class
34+
)}
3035
>
3136
<Button icon={mdiMenu} on:click={() => ($showDrawer = !$showDrawer)} class="p-3" />
3237
{#if $$slots.title}

Diff for: ‎packages/svelte-ux/src/lib/components/Checkbox.svelte

+9-1
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,15 @@
4747
}
4848
</script>
4949

50-
<div class={cls('Checkbox', 'inline-flex items-center', settingsClasses.root, classes.root, $$props.class)}>
50+
<div
51+
class={cls(
52+
'Checkbox',
53+
'inline-flex items-center',
54+
settingsClasses.root,
55+
classes.root,
56+
$$props.class
57+
)}
58+
>
5159
<input
5260
{id}
5361
{name}

Diff for: ‎packages/svelte-ux/src/lib/components/Collapse.svelte

+4-1
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,10 @@
9090
</button>
9191

9292
{#if open}
93-
<div transition:transition={transitionParams} class={cls(settingsClasses.content, classes.content)}>
93+
<div
94+
transition:transition={transitionParams}
95+
class={cls(settingsClasses.content, classes.content)}
96+
>
9497
<slot {open} />
9598
</div>
9699
{/if}

Diff for: ‎packages/svelte-ux/src/lib/components/Dialog.svelte

+3-1
Original file line numberDiff line numberDiff line change
@@ -131,7 +131,9 @@
131131

132132
<slot name="header">
133133
{#if $$slots.title}
134-
<div class={cls('text-xl font-bold pt-4 pb-2 px-6', settingsClasses.title, classes.title)}>
134+
<div
135+
class={cls('text-xl font-bold pt-4 pb-2 px-6', settingsClasses.title, classes.title)}
136+
>
135137
<slot name="title" />
136138
</div>
137139
{/if}

Diff for: ‎packages/svelte-ux/src/lib/components/Icon.svelte

+2-2
Original file line numberDiff line numberDiff line change
@@ -65,12 +65,12 @@
6565
.then((resp) => resp.text())
6666
.catch(() => {
6767
// Failed request, remove promise so fetched again
68-
if (svgUrl && typeof(svgUrl) === "string") {
68+
if (svgUrl && typeof svgUrl === 'string') {
6969
cache.delete(svgUrl);
7070
}
7171
// TODO: Consider showing error icon
7272
// throw e;
73-
return "";
73+
return '';
7474
});
7575
cache.set(svgUrl, promise);
7676
promise.then((text) => {

Diff for: ‎packages/svelte-ux/src/lib/components/ListItem.svelte

+7-1
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,13 @@
9393

9494
<slot name="subheading">
9595
{#if subheading != null}
96-
<div class={cls('text-sm text-surface-content/50', settingsClasses.subheading, classes.subheading)}>
96+
<div
97+
class={cls(
98+
'text-sm text-surface-content/50',
99+
settingsClasses.subheading,
100+
classes.subheading
101+
)}
102+
>
97103
{subheading}
98104
</div>
99105
{/if}

Diff for: ‎packages/svelte-ux/src/lib/components/Maybe.svelte

+8-9
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,14 @@
11
<script lang="ts">
2-
let self: ConstructorOfATypedSvelteComponent | undefined | null = undefined;
3-
export { self as this }
4-
5-
let component;
2+
let self: ConstructorOfATypedSvelteComponent | undefined | null = undefined;
3+
export { self as this };
64
5+
let component;
76
</script>
87

98
{#if self}
10-
<svelte:component bind:this={component} this={self} {...$$restProps}>
11-
<slot {component} />
12-
</svelte:component>
9+
<svelte:component this={self} bind:this={component} {...$$restProps}>
10+
<slot {component} />
11+
</svelte:component>
1312
{:else}
14-
<slot />
15-
{/if}
13+
<slot />
14+
{/if}

Diff for: ‎packages/svelte-ux/src/lib/components/MenuItem.svelte

+8-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,10 @@
22
import Button from './Button.svelte';
33
import type { ComponentProps } from '../types';
44
import { cls } from '../utils/styles';
5-
import { scrollIntoView as scrollIntoViewAction, type ScrollIntoViewOptions } from '../actions/scroll';
5+
import {
6+
scrollIntoView as scrollIntoViewAction,
7+
type ScrollIntoViewOptions,
8+
} from '../actions/scroll';
69
import { setButtonGroup } from './ButtonGroup.svelte';
710
import { getComponentClasses } from './theme';
811
import { settings, getSettings } from './settings';
@@ -22,7 +25,10 @@
2225
const settingsClasses = getComponentClasses('MenuItem');
2326
2427
let scrollOptions: ScrollIntoViewOptions;
25-
$: scrollOptions = typeof(scrollIntoView) === "boolean" ? { condition: scrollIntoView } as ScrollIntoViewOptions : scrollIntoView;
28+
$: scrollOptions =
29+
typeof scrollIntoView === 'boolean'
30+
? ({ condition: scrollIntoView } as ScrollIntoViewOptions)
31+
: scrollIntoView;
2632
2733
// Clear ButtonGroup if set
2834
setButtonGroup(undefined);

Diff for: ‎packages/svelte-ux/src/lib/components/MonthList.svelte

+9-9
Original file line numberDiff line numberDiff line change
@@ -14,15 +14,15 @@
1414
return disabledMonths instanceof Function
1515
? disabledMonths(date)
1616
: disabledMonths instanceof Date
17-
? isSameMonth(date, disabledMonths)
18-
: disabledMonths instanceof Array
19-
? disabledMonths.some((d) => isSameMonth(date, d))
20-
: disabledMonths instanceof Object
21-
? isWithinInterval(date, {
22-
start: startOfMonth(disabledMonths.from),
23-
end: endOfMonth(disabledMonths.to || disabledMonths.from),
24-
})
25-
: false;
17+
? isSameMonth(date, disabledMonths)
18+
: disabledMonths instanceof Array
19+
? disabledMonths.some((d) => isSameMonth(date, d))
20+
: disabledMonths instanceof Object
21+
? isWithinInterval(date, {
22+
start: startOfMonth(disabledMonths.from),
23+
end: endOfMonth(disabledMonths.to || disabledMonths.from),
24+
})
25+
: false;
2626
};
2727
</script>
2828

Diff for: ‎packages/svelte-ux/src/lib/components/Pagination.svelte

+7-1
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,13 @@
4444

4545
{#if $pagination.totalPages > 1 || !hideSinglePage}
4646
<div
47-
class={cls('Pagination', 'flex items-center gap-1', settingsClasses.root, classes.root, $$props.class)}
47+
class={cls(
48+
'Pagination',
49+
'flex items-center gap-1',
50+
settingsClasses.root,
51+
classes.root,
52+
$$props.class
53+
)}
4854
>
4955
{#each show as component}
5056
{#if component === 'actions'}

Diff for: ‎packages/svelte-ux/src/lib/components/Radio.svelte

+9-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,15 @@
2525
$: checked = group !== undefined ? group === value : checked;
2626
</script>
2727

28-
<div class={cls('Radio', 'inline-flex items-center', settingsClasses.root, classes.root, $$props.class)}>
28+
<div
29+
class={cls(
30+
'Radio',
31+
'inline-flex items-center',
32+
settingsClasses.root,
33+
classes.root,
34+
$$props.class
35+
)}
36+
>
2937
<input
3038
{id}
3139
{name}

Diff for: ‎packages/svelte-ux/src/lib/components/SelectField.svelte

+5-1
Original file line numberDiff line numberDiff line change
@@ -556,7 +556,11 @@
556556

557557
<slot name="empty" slot="empty" let:loading>
558558
<div
559-
class={cls('p-3 text-surface-content/5/50 italic text-sm', settingsClasses.empty, classes.empty)}
559+
class={cls(
560+
'p-3 text-surface-content/5/50 italic text-sm',
561+
settingsClasses.empty,
562+
classes.empty
563+
)}
560564
>
561565
{loading ? 'Loading...' : 'No options found'}
562566
</div>

Diff for: ‎packages/svelte-ux/src/lib/components/Table.svelte

+11-2
Original file line numberDiff line numberDiff line change
@@ -74,10 +74,19 @@
7474

7575
<!-- svelte-ignore a11y-click-events-have-key-events -->
7676
<div
77-
class={cls('Table', 'table-container', settingsClasses.container, classes.container, $$props.class)}
77+
class={cls(
78+
'Table',
79+
'table-container',
80+
settingsClasses.container,
81+
classes.container,
82+
$$props.class
83+
)}
7884
style={styles.container}
7985
>
80-
<div class={cls('table-wrapper', settingsClasses.wrapper, classes.wrapper)} style={styles.wrapper}>
86+
<div
87+
class={cls('table-wrapper', settingsClasses.wrapper, classes.wrapper)}
88+
style={styles.wrapper}
89+
>
8190
<table class={cls('w-full', settingsClasses.table, classes.table)} style={styles.table}>
8291
<slot name="headers" {headers} {getCellHeader}>
8392
<thead class={cls(settingsClasses.thead, classes.thead)} style={styles.thead}>

Diff for: ‎packages/svelte-ux/src/lib/components/TextField.svelte

+1-1
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,7 @@
122122
123123
let inputValue: InputValue = '';
124124
$: potentialInputValue = isLiteralObject(value) ? Object.values(value)[0] : value ?? null;
125-
$: if(inputType !== 'number' || inputValue != potentialInputValue) {
125+
$: if (inputType !== 'number' || inputValue != potentialInputValue) {
126126
// Update the inputValue, but when the input type is number only do it if the values are actually different.
127127
// This avoids the cursor jumping around when backspacing numbers around a decimal point, since
128128
// e.g. "123" and "123." are both 123.

Diff for: ‎packages/svelte-ux/src/lib/components/ToggleOption.svelte

+6-1
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,12 @@
6262
<!-- Stack indicator under option -->
6363
{#if selected}
6464
<div
65-
class={cls('indicator', $classesContext.indicator, settingsClasses.indicator, classes.indicator)}
65+
class={cls(
66+
'indicator',
67+
$classesContext.indicator,
68+
settingsClasses.indicator,
69+
classes.indicator
70+
)}
6671
in:receive={{ key: 'indicator' }}
6772
out:send={{ key: 'indicator' }}
6873
/>

Diff for: ‎packages/svelte-ux/src/lib/components/YearList.svelte

+9-9
Original file line numberDiff line numberDiff line change
@@ -42,15 +42,15 @@
4242
return disabledYears instanceof Function
4343
? disabledYears(date)
4444
: disabledYears instanceof Date
45-
? isSameYear(date, disabledYears)
46-
: disabledYears instanceof Array
47-
? disabledYears.some((d) => isSameYear(date, d))
48-
: disabledYears instanceof Object
49-
? isWithinInterval(date, {
50-
start: startOfYear(disabledYears.from),
51-
end: endOfYear(disabledYears.to || disabledYears.from),
52-
})
53-
: false;
45+
? isSameYear(date, disabledYears)
46+
: disabledYears instanceof Array
47+
? disabledYears.some((d) => isSameYear(date, d))
48+
: disabledYears instanceof Object
49+
? isWithinInterval(date, {
50+
start: startOfYear(disabledYears.from),
51+
end: endOfYear(disabledYears.to || disabledYears.from),
52+
})
53+
: false;
5454
};
5555
</script>
5656

Diff for: ‎packages/svelte-ux/src/routes/+layout.svelte

-1
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,6 @@
2929
const baseTitle = 'Svelte UX';
3030
$: title = data.pr_id ? `🚧 (pr:${data.pr_id}) - ${baseTitle}` : baseTitle;
3131
32-
3332
settings({
3433
// Usefull to test different locales with the docs
3534
// formats: {

Diff for: ‎packages/svelte-ux/src/routes/docs/components/GridTailwind/+page.svelte

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script lang="ts">
2-
import Preview from '$lib/components/Preview.svelte';
2+
import Preview from '$lib/components/Preview.svelte';
33
</script>
44

55
<h1>Examples</h1>
@@ -66,7 +66,7 @@
6666
<div class="border">item</div>
6767
<div class="border">item</div>
6868
<div class="border">item</div>
69-
</div>
69+
</div>
7070
</Preview>
7171

7272
<h2>Template</h2>

Diff for: ‎packages/svelte-ux/src/routes/docs/components/TableOfContents/+page.svelte

+20-7
Original file line numberDiff line numberDiff line change
@@ -13,15 +13,28 @@ Let's build some example TableOfContents for the following masterpiece:
1313
<h1>The Epic Novel</h1>
1414
<h2>Chapter 1</h2>
1515
<h3>New Beginnings</h3>
16-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu ornare purus. Praesent auctor tellus leo, ac ornare nisi egestas eu. Nam tincidunt finibus pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent dolor urna, congue at convallis vel, accumsan ut ante.
16+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu ornare purus. Praesent auctor
17+
tellus leo, ac ornare nisi egestas eu. Nam tincidunt finibus pretium. Pellentesque habitant morbi
18+
tristique senectus et netus et malesuada fames ac turpis egestas. Praesent dolor urna, congue at
19+
convallis vel, accumsan ut ante.
1720
<h4>A Brief Interlude</h4>
18-
Proin congue augue ex, eget laoreet nisi tempor ac. Sed a sapien convallis, mollis lectus quis, mollis lorem.
21+
Proin congue augue ex, eget laoreet nisi tempor ac. Sed a sapien convallis, mollis lectus quis, mollis
22+
lorem.
1923
<h3>The Journey</h3>
20-
Donec nec rhoncus libero, ut euismod augue. Curabitur lacus dolor, pellentesque nec suscipit at, faucibus id odio. Sed ullamcorper quam nibh, eget hendrerit metus viverra vel. Etiam elementum gravida ipsum, eget vestibulum felis vulputate eget. Vivamus at volutpat sapien. Pellentesque lobortis aliquam mauris, ac volutpat magna convallis et. Praesent hendrerit finibus dui in ullamcorper.
24+
Donec nec rhoncus libero, ut euismod augue. Curabitur lacus dolor, pellentesque nec suscipit at,
25+
faucibus id odio. Sed ullamcorper quam nibh, eget hendrerit metus viverra vel. Etiam elementum gravida
26+
ipsum, eget vestibulum felis vulputate eget. Vivamus at volutpat sapien. Pellentesque lobortis aliquam
27+
mauris, ac volutpat magna convallis et. Praesent hendrerit finibus dui in ullamcorper.
2128
<h2>Chapter 2</h2>
2229
<h2>Chapter 3</h2>
23-
Donec eget nulla non eros elementum rutrum eu sed nulla. Nam dignissim, neque in elementum vestibulum, nisl libero fringilla nunc, et pellentesque ex nibh porta sem. In sed vehicula justo. Etiam non sagittis tortor. Pellentesque ut sagittis enim. Nulla eget dictum erat. Mauris eu semper nisl, quis posuere arcu. Nunc ut purus quis felis lobortis vehicula. Aliquam varius luctus lectus, in egestas mauris sollicitudin eget. Etiam suscipit, nunc vitae blandit convallis, lorem est laoreet ante, sit amet gravida arcu ligula vitae ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas mattis ac turpis quis luctus.
24-
</div>
30+
Donec eget nulla non eros elementum rutrum eu sed nulla. Nam dignissim, neque in elementum vestibulum,
31+
nisl libero fringilla nunc, et pellentesque ex nibh porta sem. In sed vehicula justo. Etiam non sagittis
32+
tortor. Pellentesque ut sagittis enim. Nulla eget dictum erat. Mauris eu semper nisl, quis posuere
33+
arcu. Nunc ut purus quis felis lobortis vehicula. Aliquam varius luctus lectus, in egestas mauris
34+
sollicitudin eget. Etiam suscipit, nunc vitae blandit convallis, lorem est laoreet ante, sit amet
35+
gravida arcu ligula vitae ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas
36+
mattis ac turpis quis luctus.
37+
</div>
2538
</Card>
2639

2740
<h2>Basic</h2>
@@ -33,5 +46,5 @@ Let's build some example TableOfContents for the following masterpiece:
3346
<h2>Limit Max Depth</h2>
3447

3548
<Preview>
36-
<TableOfContents element="#epic-novel" maxDepth="{2}" />
37-
</Preview>
49+
<TableOfContents element="#epic-novel" maxDepth={2} />
50+
</Preview>

Diff for: ‎packages/svelte-ux/src/routes/docs/stores/localStore/+page.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@
1010

1111
```svelte
1212
<script>
13-
import { localStore } from 'svelte-ux';
14-
import { addDays } from 'date-fns';
13+
import { localStore } from 'svelte-ux';
14+
import { addDays } from 'date-fns';
1515
16-
const store = localStore('some-key', defaultValue, { expiry: addDays(new Date(), 1) });
16+
const store = localStore('some-key', defaultValue, { expiry: addDays(new Date(), 1) });
1717
</script>
1818
```
1919

0 commit comments

Comments
 (0)