@turnipxenon/pineapple 2.4.37 → 2.4.39

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.
Files changed (43) hide show
  1. package/.idea/shelf/Changes1/shelved.patch +250 -0
  2. package/.idea/shelf/Changes1.xml +4 -0
  3. package/.idea/shelf/yarn_scripts/shelved.patch +20 -0
  4. package/.idea/shelf/yarn_scripts.xml +4 -0
  5. package/.idea/workspace.xml +33 -31
  6. package/.svelte-kit/__package__/components/Card.svelte +3 -1
  7. package/.svelte-kit/__package__/components/Card.svelte.d.ts +1 -0
  8. package/.svelte-kit/__package__/components/dialog_overlay/DialogOverlay.svelte +9 -11
  9. package/.svelte-kit/__package__/components/navigation_component/NavigationComponent.svelte +246 -239
  10. package/.svelte-kit/__package__/components/navigation_component/NavigationComponent.svelte.d.ts +2 -1
  11. package/.svelte-kit/__package__/components/navigation_component/NavigationControl.svelte +89 -89
  12. package/.svelte-kit/__package__/components/pineapple/PineappleBaseLayout.svelte +4 -4
  13. package/.svelte-kit/ambient.d.ts +2 -2
  14. package/.svelte-kit/generated/server/internal.js +1 -1
  15. package/dist/components/Card.svelte +3 -1
  16. package/dist/components/Card.svelte.d.ts +1 -0
  17. package/dist/components/dialog_overlay/DialogOverlay.svelte +9 -11
  18. package/dist/components/navigation_component/NavigationComponent.svelte +246 -239
  19. package/dist/components/navigation_component/NavigationComponent.svelte.d.ts +2 -1
  20. package/dist/components/navigation_component/NavigationControl.svelte +89 -89
  21. package/dist/components/pineapple/PineappleBaseLayout.svelte +4 -4
  22. package/package.json +3 -2
  23. package/src/lib/components/Card.svelte +4 -1
  24. package/src/lib/components/dialog_overlay/DialogOverlay.svelte +11 -12
  25. package/src/lib/components/navigation_component/NavigationComponent.svelte +150 -143
  26. package/src/lib/components/navigation_component/NavigationControl.svelte +60 -60
  27. package/src/lib/components/navigation_component/PageMeta.ts +205 -205
  28. package/src/lib/components/pineapple/PineappleBaseLayout.svelte +4 -4
  29. package/src/routes/(pineapple)/+layout.svelte +1 -1
  30. package/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte +7 -7
  31. package/src/routes/(pineapple)/pineapple/(extra-pages)/page1/meta.json +23 -23
  32. package/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte +7 -7
  33. package/src/routes/(pineapple)/pineapple/(extra-pages)/page2/meta.json +7 -7
  34. package/src/routes/(pineapple)/pineapple/(extra-pages)/page3/+page.svelte +7 -7
  35. package/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte +7 -7
  36. package/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/meta.json +6 -6
  37. package/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page6/+page.svelte +7 -7
  38. package/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page7/(test_layout)/page8/+page.svelte +7 -7
  39. package/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page7/(test_layout)/page8/meta.json +6 -6
  40. package/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page7/+page.svelte +7 -7
  41. package/src/routes/(pineapple)/pineapple/(extra-pages)/page4/+page.svelte +6 -6
  42. package/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte +25 -29
  43. package/src/routes/(pineapple)/pineapple/{(extra-pages) → (pineapple)}/ImageMap.ts +5 -5
package/.svelte-kit/__package__/components/navigation_component/NavigationComponent.svelte CHANGED
@@ -1,10 +1,11 @@
1
1
  <script>import NavigationControl from "./NavigationControl.svelte";
2
2
  import { Card, createGoToFunction } from "../..";
3
3
  import { parsePageMeta } from "./PageMeta";
4
- export let title = void 0;
5
4
  export let fileList;
6
5
  export let jsonList;
6
+ export let title = void 0;
7
7
  export let imageMap = /* @__PURE__ */ new Map();
8
+ export let shouldAllowControl = true;
8
9
  export let parentSubpath;
9
10
  export let compareFn = void 0;
10
11
  export let pageSize = 5;
@@ -12,242 +13,248 @@ export let currentIndex = 0;
12
13
  const pageFlatList = parsePageMeta(fileList, jsonList, imageMap, compareFn);
13
14
  $:
14
15
  visiblePages = pageFlatList.slice(currentIndex * pageSize, currentIndex * pageSize + pageSize);
15
- </script>
16
-
17
- <div class="navigation-wrapper">
18
- {#if (title)}
19
- <Card>
20
- <h1 slot="content" class="default-card navigation-title">
21
- {title}
22
- </h1>
23
- </Card>
24
- {/if}
25
-
26
- <NavigationControl bind:currentIndex={currentIndex}
27
- bind:contentLength={pageFlatList.length}
28
- bind:pageSize={pageSize}></NavigationControl>
29
-
30
- <div class="navigation-component">
31
- <!-- all the misc routes-->
32
- {#each visiblePages as pageMeta}
33
- {@const fullPath=`${parentSubpath}${pageMeta.relativeLink}`}
34
- <button class="navigation-element"
35
- title={fullPath}
36
- on:click={createGoToFunction(fullPath)}>
37
- {#if pageMeta.imageUrl}
38
- <img src={pageMeta.imageUrl}
39
- alt={pageMeta.imageAlt ?? "placeholder alt text please replace me or report me!"} />
40
- {/if}
41
- <section class="blurb-text">
42
- <h2>{pageMeta.title}</h2>
43
- <p>Published: {pageMeta.datePublished ?? "N/A"} | Last updated: {pageMeta.lastUpdated ?? "N/A"}</p>
44
- <p>{pageMeta.description ?? ""}</p>
45
- Tags:
46
- {#if (pageMeta.tags && pageMeta.tags.length !== 0)}
47
- {#each pageMeta.tags as tagValue}
48
- &nbsp;<span class="badge variant-filled tag-container">{tagValue}</span>
49
- {/each}
50
- {:else}
51
- None
52
- {/if}
53
- </section>
54
- </button>
55
- {/each}
56
-
57
- {#if visiblePages.length === 0}
58
- <Card>
59
- <p class="default-card" slot="content">Sorry, no content was found</p>
60
- </Card>
61
- {/if}
62
- </div>
63
-
64
- <NavigationControl bind:currentIndex={currentIndex}
65
- bind:contentLength={pageFlatList.length}
66
- bind:pageSize={pageSize}></NavigationControl>
67
-
68
- </div>
69
-
70
- <style>
71
- @media (max-width: 800px) {
72
- img {
73
- max-height: 20rem;
74
- width: 100%;
75
- flex-basis: 100%;
76
- border-radius: var(--theme-rounded-container) var(--theme-rounded-container) 0 0;
77
- }
78
-
79
- .navigation-element {
80
- flex-direction: column;
81
- }
82
- }
83
-
84
- @media (min-width: 801px) {
85
- .navigation-element {
86
- flex-direction: row;
87
- }
88
-
89
- img {
90
- width: 20em;
91
- }
92
- }
93
-
94
- .dark .navigation-element {
95
- background-color: rgb(var(--color-surface-800));
96
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
97
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
98
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
99
- --tw-ring-inset: inset;
100
- --tw-ring-color: rgb(250 250 250 / 0.05);
101
- }
102
-
103
- .navigation-element:disabled {
104
- cursor: not-allowed;
105
- opacity: 0.5;
106
- }
107
-
108
- .navigation-element:disabled:hover {
109
- --tw-brightness: brightness(1);
110
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
111
- }
112
-
113
- .navigation-element:disabled:active {
114
- --tw-scale-x: 1;
115
- --tw-scale-y: 1;
116
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
117
- }
118
-
119
- .navigation-element {
120
- font-size: 1rem;
121
- line-height: 1.5rem;
122
- padding-left: 1.25rem;
123
- padding-right: 1.25rem;
124
- padding-top: 9px;
125
- padding-bottom: 9px;
126
- white-space: nowrap;
127
- text-align: center;
128
- display: inline-flex;
129
- align-items: center;
130
- justify-content: center;
131
- transition-property: all;
132
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
133
- transition-duration: 150ms;
134
- border-radius: var(--theme-rounded-base);
135
- }
136
-
137
- .navigation-element > :not([hidden]) ~ :not([hidden]) {
138
- --tw-space-x-reverse: 0;
139
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
140
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
141
- }
142
-
143
- .navigation-element:hover {
144
- --tw-brightness: brightness(1.15);
145
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
146
- }
147
-
148
- .navigation-element:active {
149
- --tw-scale-x: 95%;
150
- --tw-scale-y: 95%;
151
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
152
- --tw-brightness: brightness(.9);
153
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
154
- }
155
-
156
- .navigation-element {
157
- background-color: rgb(var(--color-surface-100));
158
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
159
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
160
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
161
- --tw-ring-inset: inset;
162
- --tw-ring-color: rgb(23 23 23 / 0.05);
163
- border-radius: var(--theme-rounded-container);
164
- }
165
-
166
- .dark .navigation-element {
167
- background-color: rgb(var(--color-surface-800));
168
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
169
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
170
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
171
- --tw-ring-inset: inset;
172
- --tw-ring-color: rgb(250 250 250 / 0.05);
173
- }
174
-
175
- a.navigation-element {
176
- transition-property: all;
177
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
178
- transition-duration: 150ms;
179
- }
180
-
181
- a.navigation-element:hover {
182
- --tw-brightness: brightness(1.05);
183
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
184
- }
185
-
186
- .navigation-element {
187
- transition-property: all;
188
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
189
- transition-duration: 150ms;
190
- }
191
-
192
- .navigation-element:hover {
193
- --tw-scale-x: 101%;
194
- --tw-scale-y: 101%;
195
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
196
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
197
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
198
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
199
- }
200
-
201
- .navigation-element {
202
- --tw-bg-opacity: 1;
203
- background-color: rgb(var(--color-surface-100) / var(--tw-bg-opacity));
204
- }
205
-
206
- :is(.dark .navigation-element) {
207
- --tw-bg-opacity: 1;
208
- background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
209
- }
210
-
211
- .navigation-element {
212
- display: flex;
213
- /*flex-direction: row;*/
214
- text-align: start;
215
- align-items: flex-start;
216
- padding: 0;
217
- }
218
-
219
- img {
220
- height: 20em;
221
- -o-object-fit: cover;
222
- object-fit: cover;
223
- padding: var(--theme-border-base);
224
- border-radius: var(--theme-rounded-container) 0 0 var(--theme-rounded-container);
225
- }
226
-
227
- .navigation-component {
228
- display: flex;
229
- flex-direction: column;
230
- gap: 2em;
231
- }
232
-
233
- .navigation-title {
234
- text-align: center;
235
- }
236
-
237
- .blurb-text {
238
- padding: 2em;
239
- flex-grow: 1;
240
- white-space: initial;
241
- min-width: 0;
242
- }
243
-
244
- .navigation-wrapper {
245
- display: flex;
246
- flex-direction: column;
247
- max-width: 1000px;
248
- }
249
-
250
- .tag-container {
251
- margin: 0.25lh 0;
252
- }
16
+ </script>
17
+
18
+ <div class="navigation-wrapper">
19
+ {#if (title)}
20
+ <Card>
21
+ <h1 slot="content" class="default-card navigation-title">
22
+ {title}
23
+ </h1>
24
+ </Card>
25
+ {/if}
26
+
27
+ {#if shouldAllowControl}
28
+ <NavigationControl bind:currentIndex={currentIndex}
29
+ bind:contentLength={pageFlatList.length}
30
+ bind:pageSize={pageSize}></NavigationControl>
31
+ {/if}
32
+
33
+ <div class="navigation-component">
34
+ <!-- all the misc routes-->
35
+ {#each visiblePages as pageMeta}
36
+ {@const fullPath=`${parentSubpath}${pageMeta.relativeLink}`}
37
+ <button class="navigation-element"
38
+ title={fullPath}
39
+ on:click={createGoToFunction(fullPath)}>
40
+ {#if pageMeta.imageUrl}
41
+ <img src={pageMeta.imageUrl}
42
+ alt={pageMeta.imageAlt ?? "placeholder alt text please replace me or report me!"} />
43
+ {/if}
44
+ <section class="blurb-text">
45
+ <h2>{pageMeta.title}</h2>
46
+ <p>Published: {pageMeta.datePublished ?? "N/A"} | Last updated: {pageMeta.lastUpdated ?? "N/A"}</p>
47
+ <p>{pageMeta.description ?? ""}</p>
48
+ Tags:
49
+ {#if (pageMeta.tags && pageMeta.tags.length !== 0)}
50
+ {#each pageMeta.tags as tagValue}
51
+ &nbsp;<span class="badge variant-filled tag-container">{tagValue}</span>
52
+ {/each}
53
+ {:else}
54
+ None
55
+ {/if}
56
+ </section>
57
+ </button>
58
+ {/each}
59
+
60
+ {#if visiblePages.length === 0}
61
+ <Card>
62
+ <p class="default-card" slot="content">Sorry, no content was found</p>
63
+ </Card>
64
+ {/if}
65
+ </div>
66
+
67
+ {#if shouldAllowControl}
68
+ <NavigationControl bind:currentIndex={currentIndex}
69
+ bind:contentLength={pageFlatList.length}
70
+ bind:pageSize={pageSize}></NavigationControl>
71
+ {/if}
72
+
73
+ </div>
74
+
75
+ <style>
76
+ @media (max-width: 800px) {
77
+ img {
78
+ max-height: 20rem;
79
+ width: 100%;
80
+ flex-basis: 100%;
81
+ border-radius: var(--theme-rounded-container) var(--theme-rounded-container) 0 0;
82
+ }
83
+
84
+ .navigation-element {
85
+ flex-direction: column;
86
+ }
87
+ }
88
+
89
+ @media (min-width: 801px) {
90
+ .navigation-element {
91
+ flex-direction: row;
92
+ }
93
+
94
+ img {
95
+ width: 20em;
96
+ }
97
+ }
98
+
99
+ .dark .navigation-element {
100
+ background-color: rgb(var(--color-surface-800));
101
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
102
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
103
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
104
+ --tw-ring-inset: inset;
105
+ --tw-ring-color: rgb(250 250 250 / 0.05);
106
+ }
107
+
108
+ .navigation-element:disabled {
109
+ cursor: not-allowed;
110
+ opacity: 0.5;
111
+ }
112
+
113
+ .navigation-element:disabled:hover {
114
+ --tw-brightness: brightness(1);
115
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
116
+ }
117
+
118
+ .navigation-element:disabled:active {
119
+ --tw-scale-x: 1;
120
+ --tw-scale-y: 1;
121
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
122
+ }
123
+
124
+ .navigation-element {
125
+ font-size: 1rem;
126
+ line-height: 1.5rem;
127
+ padding-left: 1.25rem;
128
+ padding-right: 1.25rem;
129
+ padding-top: 9px;
130
+ padding-bottom: 9px;
131
+ white-space: nowrap;
132
+ text-align: center;
133
+ display: inline-flex;
134
+ align-items: center;
135
+ justify-content: center;
136
+ transition-property: all;
137
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
138
+ transition-duration: 150ms;
139
+ border-radius: var(--theme-rounded-base);
140
+ }
141
+
142
+ .navigation-element > :not([hidden]) ~ :not([hidden]) {
143
+ --tw-space-x-reverse: 0;
144
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
145
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
146
+ }
147
+
148
+ .navigation-element:hover {
149
+ --tw-brightness: brightness(1.15);
150
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
151
+ }
152
+
153
+ .navigation-element:active {
154
+ --tw-scale-x: 95%;
155
+ --tw-scale-y: 95%;
156
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
157
+ --tw-brightness: brightness(.9);
158
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
159
+ }
160
+
161
+ .navigation-element {
162
+ background-color: rgb(var(--color-surface-100));
163
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
164
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
165
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
166
+ --tw-ring-inset: inset;
167
+ --tw-ring-color: rgb(23 23 23 / 0.05);
168
+ border-radius: var(--theme-rounded-container);
169
+ }
170
+
171
+ .dark .navigation-element {
172
+ background-color: rgb(var(--color-surface-800));
173
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
174
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
175
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
176
+ --tw-ring-inset: inset;
177
+ --tw-ring-color: rgb(250 250 250 / 0.05);
178
+ }
179
+
180
+ a.navigation-element {
181
+ transition-property: all;
182
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
183
+ transition-duration: 150ms;
184
+ }
185
+
186
+ a.navigation-element:hover {
187
+ --tw-brightness: brightness(1.05);
188
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
189
+ }
190
+
191
+ .navigation-element {
192
+ transition-property: all;
193
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
194
+ transition-duration: 150ms;
195
+ }
196
+
197
+ .navigation-element:hover {
198
+ --tw-scale-x: 101%;
199
+ --tw-scale-y: 101%;
200
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
201
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
202
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
203
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
204
+ }
205
+
206
+ .navigation-element {
207
+ --tw-bg-opacity: 1;
208
+ background-color: rgb(var(--color-surface-100) / var(--tw-bg-opacity));
209
+ }
210
+
211
+ :is(.dark .navigation-element) {
212
+ --tw-bg-opacity: 1;
213
+ background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
214
+ }
215
+
216
+ .navigation-element {
217
+ display: flex;
218
+ /*flex-direction: row;*/
219
+ text-align: start;
220
+ align-items: flex-start;
221
+ padding: 0;
222
+ }
223
+
224
+ img {
225
+ height: 20em;
226
+ -o-object-fit: cover;
227
+ object-fit: cover;
228
+ padding: var(--theme-border-base);
229
+ border-radius: var(--theme-rounded-container) 0 0 var(--theme-rounded-container);
230
+ }
231
+
232
+ .navigation-component {
233
+ display: flex;
234
+ flex-direction: column;
235
+ gap: 2em;
236
+ }
237
+
238
+ .navigation-title {
239
+ text-align: center;
240
+ max-width: initial;
241
+ }
242
+
243
+ .blurb-text {
244
+ padding: 2em;
245
+ flex-grow: 1;
246
+ white-space: initial;
247
+ min-width: 0;
248
+ }
249
+
250
+ .navigation-wrapper {
251
+ display: flex;
252
+ flex-direction: column;
253
+ max-width: 1000px;
254
+ width: 100%;
255
+ }
256
+
257
+ .tag-container {
258
+ margin: 0.25lh 0;
259
+ }
253
260
  </style>
package/.svelte-kit/__package__/components/navigation_component/NavigationComponent.svelte.d.ts CHANGED
@@ -2,10 +2,11 @@ import { SvelteComponent } from "svelte";
2
2
  import { type ParsePageMetaCompareFn } from "./PageMeta";
3
3
  declare const __propDef: {
4
4
  props: {
5
- title?: string | undefined;
6
5
  fileList: Record<string, unknown>;
7
6
  jsonList: Record<string, unknown>;
7
+ title?: string | undefined;
8
8
  imageMap?: Map<string, string> | undefined;
9
+ shouldAllowControl?: boolean | undefined;
9
10
  /**
10
11
  * Should include a slash before and after the path
11
12
  */ parentSubpath: string;