sveltekit-ui 1.1.2 → 1.1.4
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.
- package/dist/Components/Image/index.svelte +2 -0
- package/dist/Components/Layout/index.svelte.js +0 -2
- package/package.json +2 -2
- package/src/lib/Components/Image/index.svelte +2 -0
- package/src/lib/Components/Layout/index.svelte.js +0 -2
- package/src/routes/components/[component]/Showcase/Image/index.svelte +48 -0
|
@@ -26,7 +26,6 @@ export function create_layout_manager(config) {
|
|
|
26
26
|
lg: 1024,
|
|
27
27
|
xl: 1200,
|
|
28
28
|
})
|
|
29
|
-
|
|
30
29
|
let is_navigating = $state(false)
|
|
31
30
|
let nav_bar_height = $state(null)
|
|
32
31
|
let screen_width = $state(null)
|
|
@@ -36,7 +35,6 @@ export function create_layout_manager(config) {
|
|
|
36
35
|
let is_at_bottom = $state(true)
|
|
37
36
|
let hovered_route_name = $state(null)
|
|
38
37
|
let full_nav_height = $state(null)
|
|
39
|
-
|
|
40
38
|
let alert_manager = $state(null)
|
|
41
39
|
let dark_theme_manager = $state(null)
|
|
42
40
|
let confetti_manager = $state(null)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sveltekit-ui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.4",
|
|
4
4
|
"description": "A SvelteKit UI component library for building modern web applications",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"context-filter-polyfill": "^0.3.23",
|
|
21
21
|
"qr-code-styling": "^1.9.2",
|
|
22
|
-
"svelte": "^5.43.
|
|
22
|
+
"svelte": "^5.43.6"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"@sveltejs/kit": "^2.22.2"
|
|
@@ -26,7 +26,6 @@ export function create_layout_manager(config) {
|
|
|
26
26
|
lg: 1024,
|
|
27
27
|
xl: 1200,
|
|
28
28
|
})
|
|
29
|
-
|
|
30
29
|
let is_navigating = $state(false)
|
|
31
30
|
let nav_bar_height = $state(null)
|
|
32
31
|
let screen_width = $state(null)
|
|
@@ -36,7 +35,6 @@ export function create_layout_manager(config) {
|
|
|
36
35
|
let is_at_bottom = $state(true)
|
|
37
36
|
let hovered_route_name = $state(null)
|
|
38
37
|
let full_nav_height = $state(null)
|
|
39
|
-
|
|
40
38
|
let alert_manager = $state(null)
|
|
41
39
|
let dark_theme_manager = $state(null)
|
|
42
40
|
let confetti_manager = $state(null)
|
|
@@ -67,8 +67,56 @@
|
|
|
67
67
|
bg_img_blur: 20,
|
|
68
68
|
bg_img_opacity: 0.5,
|
|
69
69
|
})
|
|
70
|
+
|
|
71
|
+
// let cities_prepped = $state(null)
|
|
72
|
+
// let cities_prepped_loc = []
|
|
73
|
+
// for (let item of [{ key: "columbus_ohio" }]) {
|
|
74
|
+
// let image_manager = create_image_manager({
|
|
75
|
+
// src: `https://www.contibase.com/api/v1/storage/bzvetqlquljjjeqfsmjq__cities__${item?.key}__hero`,
|
|
76
|
+
// src_quick: `https://www.contibase.com/api/v1/storage/bzvetqlquljjjeqfsmjq__cities__${item?.key}__hero_sm`,
|
|
77
|
+
// alt: "Test",
|
|
78
|
+
// // image_height: 300,
|
|
79
|
+
// // image_width: 500,
|
|
80
|
+
// // image_aspect_ratio: 1.78,
|
|
81
|
+
// display_max_height: 300,
|
|
82
|
+
// display_max_width: 500,
|
|
83
|
+
// bg_img_blur: 50,
|
|
84
|
+
// bg_img_opacity: 0.2,
|
|
85
|
+
// })
|
|
86
|
+
// cities_prepped_loc.push({
|
|
87
|
+
// get image_manager() {
|
|
88
|
+
// return image_manager
|
|
89
|
+
// },
|
|
90
|
+
// ...item,
|
|
91
|
+
// })
|
|
92
|
+
// }
|
|
93
|
+
|
|
94
|
+
// cities_prepped = cities_prepped_loc
|
|
70
95
|
</script>
|
|
71
96
|
|
|
97
|
+
<!-- {#if Array.isArray(cities_prepped) && cities_prepped.length > 0}
|
|
98
|
+
<div style="margin: 0;">
|
|
99
|
+
<div
|
|
100
|
+
style="display: grid;
|
|
101
|
+
grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
|
|
102
|
+
gap: 1rem;
|
|
103
|
+
justify-items: center;
|
|
104
|
+
margin: 0 auto;
|
|
105
|
+
max-width: 1200px;"
|
|
106
|
+
>
|
|
107
|
+
{#each cities_prepped as city_prepped}
|
|
108
|
+
<div class="card" style="width: 300px;">
|
|
109
|
+
<Image manager={city_prepped?.image_manager} />
|
|
110
|
+
<h2>{city_prepped?.name}</h2>
|
|
111
|
+
button_tbd
|
|
112
|
+
</div>
|
|
113
|
+
{/each}
|
|
114
|
+
</div>
|
|
115
|
+
</div>
|
|
116
|
+
{:else}
|
|
117
|
+
<p>No cities found</p>
|
|
118
|
+
{/if} -->
|
|
119
|
+
|
|
72
120
|
<div>
|
|
73
121
|
<div class="grid">
|
|
74
122
|
<div>
|