@lavalogic/scoria 0.0.30 → 0.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -11,7 +11,10 @@
|
|
|
11
11
|
pageSize?: number;
|
|
12
12
|
snippet: Snippet<[T, number]>;
|
|
13
13
|
itemName?: string;
|
|
14
|
-
|
|
14
|
+
border?: boolean;
|
|
15
|
+
padding?: string;
|
|
16
|
+
gap?: string;
|
|
17
|
+
height?: string;
|
|
15
18
|
}
|
|
16
19
|
</script>
|
|
17
20
|
|
|
@@ -22,7 +25,10 @@
|
|
|
22
25
|
pageSize = 20,
|
|
23
26
|
snippet,
|
|
24
27
|
itemName = 'Item',
|
|
25
|
-
|
|
28
|
+
border = false,
|
|
29
|
+
padding = '1.5rem', //sizing.$regular-padding
|
|
30
|
+
gap = '1.5rem', // sizing.$regular-gap
|
|
31
|
+
height
|
|
26
32
|
}: PaginationProps<T> = $props();
|
|
27
33
|
|
|
28
34
|
const _uuid = generateShortUUID();
|
|
@@ -80,7 +86,13 @@
|
|
|
80
86
|
</div>
|
|
81
87
|
</div> -->
|
|
82
88
|
|
|
83
|
-
<div
|
|
89
|
+
<div
|
|
90
|
+
class="wrapper"
|
|
91
|
+
class:border
|
|
92
|
+
style={`${padding ? `padding: ${padding};` : ''}` +
|
|
93
|
+
`${gap ? `gap: ${gap};` : ''}` +
|
|
94
|
+
`${height ? `height: ${height};` : ''}`}
|
|
95
|
+
>
|
|
84
96
|
{#each pageItems as item, index (item[key])}
|
|
85
97
|
{@render snippet(item, index)}
|
|
86
98
|
{/each}
|
|
@@ -164,6 +176,12 @@
|
|
|
164
176
|
</div>
|
|
165
177
|
|
|
166
178
|
<style>.wrapper {
|
|
179
|
+
display: flex;
|
|
180
|
+
flex: 1;
|
|
181
|
+
flex-flow: column nowrap;
|
|
182
|
+
overflow: scroll;
|
|
183
|
+
}
|
|
184
|
+
.wrapper.border {
|
|
167
185
|
border: solid 3px #cbd4da;
|
|
168
186
|
border-radius: 4px;
|
|
169
187
|
}
|
|
@@ -5,7 +5,10 @@ export interface PaginationProps<T extends object> {
|
|
|
5
5
|
pageSize?: number;
|
|
6
6
|
snippet: Snippet<[T, number]>;
|
|
7
7
|
itemName?: string;
|
|
8
|
-
|
|
8
|
+
border?: boolean;
|
|
9
|
+
padding?: string;
|
|
10
|
+
gap?: string;
|
|
11
|
+
height?: string;
|
|
9
12
|
}
|
|
10
13
|
declare function $$render<T extends object>(): {
|
|
11
14
|
props: PaginationProps<T>;
|
package/dist/index.d.ts
CHANGED
|
@@ -157,3 +157,4 @@ export { type ValidityWrapper } from './Types/Internal/ValidityWrapper.js';
|
|
|
157
157
|
export { Variant } from './Types/Internal/Variant.js';
|
|
158
158
|
export { Colour, ColourSet } from './scss/colours.js';
|
|
159
159
|
export { FilterValueType } from './Components/Table/Types/Filtering/FilterValueType.js';
|
|
160
|
+
export { default as Pagination, type PaginationProps } from './Components/Base/Pagination.svelte';
|
package/dist/index.js
CHANGED
|
@@ -164,3 +164,4 @@ export {} from './Types/Internal/ValidityWrapper.js';
|
|
|
164
164
|
export { Variant } from './Types/Internal/Variant.js';
|
|
165
165
|
export { Colour, ColourSet } from './scss/colours.js';
|
|
166
166
|
export { FilterValueType } from './Components/Table/Types/Filtering/FilterValueType.js';
|
|
167
|
+
export { default as Pagination } from './Components/Base/Pagination.svelte';
|