@turnipxenon/pineapple 2.4.52 → 2.4.53
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/.idea/workspace.xml +14 -12
- package/.svelte-kit/__package__/components/combo_box/ComboBox.svelte +7 -7
- package/.svelte-kit/__package__/components/combo_box/ComboBoxWithButton.svelte +7 -7
- package/.svelte-kit/__package__/components/combo_box/combo-box.postcss +22 -22
- package/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte +7 -2
- package/.svelte-kit/__package__/template/seaweed/entry_order_config/EntryOrderConfig.svelte +117 -117
- package/.svelte-kit/generated/server/internal.js +1 -1
- package/dist/components/combo_box/ComboBox.svelte +7 -7
- package/dist/components/combo_box/ComboBoxWithButton.svelte +7 -7
- package/dist/components/combo_box/combo-box.postcss +22 -22
- package/dist/template/seaweed/SeaweedTemplate.svelte +7 -2
- package/dist/template/seaweed/entry_order_config/EntryOrderConfig.svelte +117 -117
- package/package.json +1 -1
- package/src/lib/components/combo_box/ComboBox.svelte +13 -13
- package/src/lib/components/combo_box/ComboBoxWithButton.svelte +18 -18
- package/src/lib/components/combo_box/combo-box.postcss +22 -22
- package/src/lib/template/seaweed/RunChaos.ts +44 -44
- package/src/lib/template/seaweed/SeaweedTemplate.svelte +8 -2
- package/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte +166 -166
- package/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.ts +6 -6
package/.idea/workspace.xml
CHANGED
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
<component name="Git.Settings">
|
|
60
60
|
<option name="RECENT_BRANCH_BY_REPOSITORY">
|
|
61
61
|
<map>
|
|
62
|
-
<entry key="$PROJECT_DIR$" value="
|
|
62
|
+
<entry key="$PROJECT_DIR$" value="dbc946a316ca6b2c95588d487cf48fe8f4a04801" />
|
|
63
63
|
</map>
|
|
64
64
|
</option>
|
|
65
65
|
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
|
|
@@ -197,8 +197,8 @@
|
|
|
197
197
|
<item itemvalue="npm.dev --open" />
|
|
198
198
|
<item itemvalue="npm.to-dev" />
|
|
199
199
|
<item itemvalue="npm.dev-offline" />
|
|
200
|
-
<item itemvalue="npm.dev-offline" />
|
|
201
200
|
<item itemvalue="npm.dev --open" />
|
|
201
|
+
<item itemvalue="npm.to-dev" />
|
|
202
202
|
</list>
|
|
203
203
|
</recent_temporary>
|
|
204
204
|
</component>
|
|
@@ -327,15 +327,9 @@
|
|
|
327
327
|
<workItem from="1712533167568" duration="339000" />
|
|
328
328
|
<workItem from="1712533592123" duration="803000" />
|
|
329
329
|
<workItem from="1712534451700" duration="490000" />
|
|
330
|
-
<workItem from="1712535021202" duration="
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
<option name="closed" value="true" />
|
|
334
|
-
<created>1711682610806</created>
|
|
335
|
-
<option name="number" value="00117" />
|
|
336
|
-
<option name="presentableId" value="LOCAL-00117" />
|
|
337
|
-
<option name="project" value="LOCAL" />
|
|
338
|
-
<updated>1711682610806</updated>
|
|
330
|
+
<workItem from="1712535021202" duration="299000" />
|
|
331
|
+
<workItem from="1712535434722" duration="522000" />
|
|
332
|
+
<workItem from="1712536086680" duration="932000" />
|
|
339
333
|
</task>
|
|
340
334
|
<task id="LOCAL-00118" summary="Fix allowLinkedin arg in SocialSection">
|
|
341
335
|
<option name="closed" value="true" />
|
|
@@ -721,7 +715,15 @@
|
|
|
721
715
|
<option name="project" value="LOCAL" />
|
|
722
716
|
<updated>1712535101486</updated>
|
|
723
717
|
</task>
|
|
724
|
-
<
|
|
718
|
+
<task id="LOCAL-00166" summary="Add logs to observe parseQtTerms in downstream package">
|
|
719
|
+
<option name="closed" value="true" />
|
|
720
|
+
<created>1712535169690</created>
|
|
721
|
+
<option name="number" value="00166" />
|
|
722
|
+
<option name="presentableId" value="LOCAL-00166" />
|
|
723
|
+
<option name="project" value="LOCAL" />
|
|
724
|
+
<updated>1712535169690</updated>
|
|
725
|
+
</task>
|
|
726
|
+
<option name="localTasksCounter" value="167" />
|
|
725
727
|
<servers />
|
|
726
728
|
</component>
|
|
727
729
|
<component name="TypeScriptGeneratedFilesManager">
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
export let stringItems = ["Select item"];
|
|
3
3
|
export let selectedValue = "";
|
|
4
4
|
selectedValue = stringItems.length === 0 ? "" : stringItems[0];
|
|
5
|
-
</script>
|
|
6
|
-
|
|
7
|
-
<select bind:value={selectedValue} class="select">
|
|
8
|
-
{#each stringItems as item}
|
|
9
|
-
<option value={item}>{item}</option>
|
|
10
|
-
{/each}
|
|
11
|
-
</select>
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<select bind:value={selectedValue} class="select">
|
|
8
|
+
{#each stringItems as item}
|
|
9
|
+
<option value={item}>{item}</option>
|
|
10
|
+
{/each}
|
|
11
|
+
</select>
|
|
@@ -6,10 +6,10 @@ export let onClick = void 0;
|
|
|
6
6
|
let onClickInternal = () => {
|
|
7
7
|
onClick?.(selectedValue);
|
|
8
8
|
};
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
<div class="combo-box-wrapper">
|
|
12
|
-
<button class="combo-box-side-button btn variant-filled-primary" on:click={onClickInternal}>+ Add entry</button>
|
|
13
|
-
<ComboBox bind:selectedValue={selectedValue}
|
|
14
|
-
bind:stringItems={stringItems}></ComboBox>
|
|
15
|
-
</div>
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<div class="combo-box-wrapper">
|
|
12
|
+
<button class="combo-box-side-button btn variant-filled-primary" on:click={onClickInternal}>+ Add entry</button>
|
|
13
|
+
<ComboBox bind:selectedValue={selectedValue}
|
|
14
|
+
bind:stringItems={stringItems}></ComboBox>
|
|
15
|
+
</div>
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
.combo-box-wrapper {
|
|
2
|
-
display: flex;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.select {
|
|
6
|
-
flex-grow: 1;
|
|
7
|
-
@apply variant-filled-primary;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.dark .select option {
|
|
11
|
-
background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.combo-box-side-button {
|
|
15
|
-
@apply btn variant-filled-primary;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.dark .option,
|
|
19
|
-
.dark .select,
|
|
20
|
-
.dark .combo-box-side-button {
|
|
21
|
-
color: var(--color-text-50);
|
|
22
|
-
}
|
|
1
|
+
.combo-box-wrapper {
|
|
2
|
+
display: flex;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.select {
|
|
6
|
+
flex-grow: 1;
|
|
7
|
+
@apply variant-filled-primary;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.dark .select option {
|
|
11
|
+
background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.combo-box-side-button {
|
|
15
|
+
@apply btn variant-filled-primary;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.dark .option,
|
|
19
|
+
.dark .select,
|
|
20
|
+
.dark .combo-box-side-button {
|
|
21
|
+
color: var(--color-text-50);
|
|
22
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { onMount, afterUpdate } from "svelte";
|
|
2
2
|
import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
|
|
3
3
|
import { runChaos } from "./RunChaos";
|
|
4
4
|
import SocialSection from "../../components/SocialSection.svelte";
|
|
@@ -126,7 +126,12 @@ onMount(async () => {
|
|
|
126
126
|
if (letChaos) {
|
|
127
127
|
runChaos(document.body);
|
|
128
128
|
chaosDone = true;
|
|
129
|
-
}
|
|
129
|
+
}
|
|
130
|
+
});
|
|
131
|
+
let isParsed = false;
|
|
132
|
+
afterUpdate(async () => {
|
|
133
|
+
if (!letChaos && !isParsed) {
|
|
134
|
+
isParsed = true;
|
|
130
135
|
await parseQTTerms();
|
|
131
136
|
}
|
|
132
137
|
});
|
|
@@ -90,120 +90,120 @@ const removeEntry = (entry, group) => {
|
|
|
90
90
|
};
|
|
91
91
|
const allDefaultEntries = Array.from(GetAllEntryFromGlobal().keys());
|
|
92
92
|
console.log("Test", Array.from(GetAllEntryFromGlobal().keys()));
|
|
93
|
-
</script>
|
|
94
|
-
|
|
95
|
-
<h3>Site ordering</h3>
|
|
96
|
-
<blockquote>Sorry! This part of the website is still WIP, but here it is anyway. As long as it functions</blockquote>
|
|
97
|
-
|
|
98
|
-
<!-- formatting: group1:entry1|entry2,group2:entry3
|
|
99
|
-
: <= separates the group header, the entries, and the class
|
|
100
|
-
| <= separates each entries
|
|
101
|
-
, <= separates each group
|
|
102
|
-
-->
|
|
103
|
-
<div class="advanced-setting-list">
|
|
104
|
-
<!-- todo: we might have to extract this into it's own component -->
|
|
105
|
-
<!-- todo: NOW!!! -->
|
|
106
|
-
{#each seaweedEntries as group, groupIndex}
|
|
107
|
-
<div>
|
|
108
|
-
<div>
|
|
109
|
-
<button class="editable-button" on:click={removeGroup(group)}>X</button>
|
|
110
|
-
<!-- todo: move group up or down -->
|
|
111
|
-
<button class="editable-button" on:click={swapGroups(groupIndex, true)}>^</button>
|
|
112
|
-
<button class="editable-button" on:click={swapGroups(groupIndex, false)}>v</button>
|
|
113
|
-
{group.name}
|
|
114
|
-
</div>
|
|
115
|
-
<div class="advanced-setting-list card">
|
|
116
|
-
{#each group.items as entry, entryIndex}
|
|
117
|
-
<div class="editable-entry">
|
|
118
|
-
<button on:click={removeEntry(entry, group)}>-</button>
|
|
119
|
-
<button on:click={swapEntry(entryIndex, group, true)}>^</button>
|
|
120
|
-
<button on:click={swapEntry(entryIndex, group, false)}>v</button>
|
|
121
|
-
{entry.name}
|
|
122
|
-
</div>
|
|
123
|
-
{/each}
|
|
124
|
-
</div>
|
|
125
|
-
|
|
126
|
-
<ComboBoxWithButton stringItems={allDefaultEntries}
|
|
127
|
-
onClick={addEntry(group)}></ComboBoxWithButton>
|
|
128
|
-
|
|
129
|
-
</div>
|
|
130
|
-
{/each}
|
|
131
|
-
</div>
|
|
132
|
-
|
|
133
|
-
<style>
|
|
134
|
-
.advanced-setting-list {
|
|
135
|
-
display: flex;
|
|
136
|
-
flex-direction: column;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
:is(.dark .editable-entry > button),:is(.dark .editable-button) {
|
|
140
|
-
--tw-bg-opacity: 1;
|
|
141
|
-
background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
|
|
142
|
-
color: rgb(var(--on-primary));
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.editable-entry > button:disabled, .editable-button:disabled {
|
|
146
|
-
cursor: not-allowed;
|
|
147
|
-
opacity: 0.5;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.editable-entry > button:disabled:hover, .editable-button:disabled:hover {
|
|
151
|
-
--tw-brightness: brightness(1);
|
|
152
|
-
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);
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.editable-entry > button:disabled:active, .editable-button:disabled:active {
|
|
156
|
-
--tw-scale-x: 1;
|
|
157
|
-
--tw-scale-y: 1;
|
|
158
|
-
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));
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.editable-entry > button, .editable-button {
|
|
162
|
-
font-size: 1rem;
|
|
163
|
-
line-height: 1.5rem;
|
|
164
|
-
padding-left: 1.25rem;
|
|
165
|
-
padding-right: 1.25rem;
|
|
166
|
-
padding-top: 9px;
|
|
167
|
-
padding-bottom: 9px;
|
|
168
|
-
white-space: nowrap;
|
|
169
|
-
text-align: center;
|
|
170
|
-
display: inline-flex;
|
|
171
|
-
align-items: center;
|
|
172
|
-
justify-content: center;
|
|
173
|
-
transition-property: all;
|
|
174
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
175
|
-
transition-duration: 150ms;
|
|
176
|
-
border-radius: var(--theme-rounded-base);
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.editable-entry > button > :not([hidden]) ~ :not([hidden]), .editable-button > :not([hidden]) ~ :not([hidden]) {
|
|
180
|
-
--tw-space-x-reverse: 0;
|
|
181
|
-
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
182
|
-
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
.editable-entry > button:hover, .editable-button:hover {
|
|
186
|
-
--tw-brightness: brightness(1.15);
|
|
187
|
-
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);
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.editable-entry > button:active, .editable-button:active {
|
|
191
|
-
--tw-scale-x: 95%;
|
|
192
|
-
--tw-scale-y: 95%;
|
|
193
|
-
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));
|
|
194
|
-
--tw-brightness: brightness(.9);
|
|
195
|
-
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);
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
.editable-entry > button, .editable-button {
|
|
199
|
-
--tw-bg-opacity: 1;
|
|
200
|
-
background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
|
|
201
|
-
color: rgb(var(--on-primary));
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
:is(.dark .editable-entry > button),:is(.dark .editable-button) {
|
|
205
|
-
--tw-bg-opacity: 1;
|
|
206
|
-
background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
|
|
207
|
-
color: rgb(var(--on-primary));
|
|
208
|
-
}
|
|
209
|
-
</style>
|
|
93
|
+
</script>
|
|
94
|
+
|
|
95
|
+
<h3>Site ordering</h3>
|
|
96
|
+
<blockquote>Sorry! This part of the website is still WIP, but here it is anyway. As long as it functions</blockquote>
|
|
97
|
+
|
|
98
|
+
<!-- formatting: group1:entry1|entry2,group2:entry3
|
|
99
|
+
: <= separates the group header, the entries, and the class
|
|
100
|
+
| <= separates each entries
|
|
101
|
+
, <= separates each group
|
|
102
|
+
-->
|
|
103
|
+
<div class="advanced-setting-list">
|
|
104
|
+
<!-- todo: we might have to extract this into it's own component -->
|
|
105
|
+
<!-- todo: NOW!!! -->
|
|
106
|
+
{#each seaweedEntries as group, groupIndex}
|
|
107
|
+
<div>
|
|
108
|
+
<div>
|
|
109
|
+
<button class="editable-button" on:click={removeGroup(group)}>X</button>
|
|
110
|
+
<!-- todo: move group up or down -->
|
|
111
|
+
<button class="editable-button" on:click={swapGroups(groupIndex, true)}>^</button>
|
|
112
|
+
<button class="editable-button" on:click={swapGroups(groupIndex, false)}>v</button>
|
|
113
|
+
{group.name}
|
|
114
|
+
</div>
|
|
115
|
+
<div class="advanced-setting-list card">
|
|
116
|
+
{#each group.items as entry, entryIndex}
|
|
117
|
+
<div class="editable-entry">
|
|
118
|
+
<button on:click={removeEntry(entry, group)}>-</button>
|
|
119
|
+
<button on:click={swapEntry(entryIndex, group, true)}>^</button>
|
|
120
|
+
<button on:click={swapEntry(entryIndex, group, false)}>v</button>
|
|
121
|
+
{entry.name}
|
|
122
|
+
</div>
|
|
123
|
+
{/each}
|
|
124
|
+
</div>
|
|
125
|
+
|
|
126
|
+
<ComboBoxWithButton stringItems={allDefaultEntries}
|
|
127
|
+
onClick={addEntry(group)}></ComboBoxWithButton>
|
|
128
|
+
|
|
129
|
+
</div>
|
|
130
|
+
{/each}
|
|
131
|
+
</div>
|
|
132
|
+
|
|
133
|
+
<style>
|
|
134
|
+
.advanced-setting-list {
|
|
135
|
+
display: flex;
|
|
136
|
+
flex-direction: column;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
:is(.dark .editable-entry > button),:is(.dark .editable-button) {
|
|
140
|
+
--tw-bg-opacity: 1;
|
|
141
|
+
background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
|
|
142
|
+
color: rgb(var(--on-primary));
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.editable-entry > button:disabled, .editable-button:disabled {
|
|
146
|
+
cursor: not-allowed;
|
|
147
|
+
opacity: 0.5;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.editable-entry > button:disabled:hover, .editable-button:disabled:hover {
|
|
151
|
+
--tw-brightness: brightness(1);
|
|
152
|
+
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);
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.editable-entry > button:disabled:active, .editable-button:disabled:active {
|
|
156
|
+
--tw-scale-x: 1;
|
|
157
|
+
--tw-scale-y: 1;
|
|
158
|
+
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));
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.editable-entry > button, .editable-button {
|
|
162
|
+
font-size: 1rem;
|
|
163
|
+
line-height: 1.5rem;
|
|
164
|
+
padding-left: 1.25rem;
|
|
165
|
+
padding-right: 1.25rem;
|
|
166
|
+
padding-top: 9px;
|
|
167
|
+
padding-bottom: 9px;
|
|
168
|
+
white-space: nowrap;
|
|
169
|
+
text-align: center;
|
|
170
|
+
display: inline-flex;
|
|
171
|
+
align-items: center;
|
|
172
|
+
justify-content: center;
|
|
173
|
+
transition-property: all;
|
|
174
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
175
|
+
transition-duration: 150ms;
|
|
176
|
+
border-radius: var(--theme-rounded-base);
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.editable-entry > button > :not([hidden]) ~ :not([hidden]), .editable-button > :not([hidden]) ~ :not([hidden]) {
|
|
180
|
+
--tw-space-x-reverse: 0;
|
|
181
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
182
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.editable-entry > button:hover, .editable-button:hover {
|
|
186
|
+
--tw-brightness: brightness(1.15);
|
|
187
|
+
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);
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.editable-entry > button:active, .editable-button:active {
|
|
191
|
+
--tw-scale-x: 95%;
|
|
192
|
+
--tw-scale-y: 95%;
|
|
193
|
+
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));
|
|
194
|
+
--tw-brightness: brightness(.9);
|
|
195
|
+
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);
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.editable-entry > button, .editable-button {
|
|
199
|
+
--tw-bg-opacity: 1;
|
|
200
|
+
background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
|
|
201
|
+
color: rgb(var(--on-primary));
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
:is(.dark .editable-entry > button),:is(.dark .editable-button) {
|
|
205
|
+
--tw-bg-opacity: 1;
|
|
206
|
+
background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
|
|
207
|
+
color: rgb(var(--on-primary));
|
|
208
|
+
}
|
|
209
|
+
</style>
|
|
@@ -21,7 +21,7 @@ export const options = {
|
|
|
21
21
|
app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
|
|
22
22
|
error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
|
|
23
23
|
},
|
|
24
|
-
version_hash: "
|
|
24
|
+
version_hash: "fbxgvv"
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
export async function get_hooks() {
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
export let stringItems = ["Select item"];
|
|
3
3
|
export let selectedValue = "";
|
|
4
4
|
selectedValue = stringItems.length === 0 ? "" : stringItems[0];
|
|
5
|
-
</script>
|
|
6
|
-
|
|
7
|
-
<select bind:value={selectedValue} class="select">
|
|
8
|
-
{#each stringItems as item}
|
|
9
|
-
<option value={item}>{item}</option>
|
|
10
|
-
{/each}
|
|
11
|
-
</select>
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<select bind:value={selectedValue} class="select">
|
|
8
|
+
{#each stringItems as item}
|
|
9
|
+
<option value={item}>{item}</option>
|
|
10
|
+
{/each}
|
|
11
|
+
</select>
|
|
@@ -6,10 +6,10 @@ export let onClick = void 0;
|
|
|
6
6
|
let onClickInternal = () => {
|
|
7
7
|
onClick?.(selectedValue);
|
|
8
8
|
};
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
<div class="combo-box-wrapper">
|
|
12
|
-
<button class="combo-box-side-button btn variant-filled-primary" on:click={onClickInternal}>+ Add entry</button>
|
|
13
|
-
<ComboBox bind:selectedValue={selectedValue}
|
|
14
|
-
bind:stringItems={stringItems}></ComboBox>
|
|
15
|
-
</div>
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<div class="combo-box-wrapper">
|
|
12
|
+
<button class="combo-box-side-button btn variant-filled-primary" on:click={onClickInternal}>+ Add entry</button>
|
|
13
|
+
<ComboBox bind:selectedValue={selectedValue}
|
|
14
|
+
bind:stringItems={stringItems}></ComboBox>
|
|
15
|
+
</div>
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
.combo-box-wrapper {
|
|
2
|
-
display: flex;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.select {
|
|
6
|
-
flex-grow: 1;
|
|
7
|
-
@apply variant-filled-primary;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.dark .select option {
|
|
11
|
-
background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.combo-box-side-button {
|
|
15
|
-
@apply btn variant-filled-primary;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.dark .option,
|
|
19
|
-
.dark .select,
|
|
20
|
-
.dark .combo-box-side-button {
|
|
21
|
-
color: var(--color-text-50);
|
|
22
|
-
}
|
|
1
|
+
.combo-box-wrapper {
|
|
2
|
+
display: flex;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.select {
|
|
6
|
+
flex-grow: 1;
|
|
7
|
+
@apply variant-filled-primary;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.dark .select option {
|
|
11
|
+
background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.combo-box-side-button {
|
|
15
|
+
@apply btn variant-filled-primary;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.dark .option,
|
|
19
|
+
.dark .select,
|
|
20
|
+
.dark .combo-box-side-button {
|
|
21
|
+
color: var(--color-text-50);
|
|
22
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { onMount, afterUpdate } from "svelte";
|
|
2
2
|
import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
|
|
3
3
|
import { runChaos } from "./RunChaos";
|
|
4
4
|
import SocialSection from "../../components/SocialSection.svelte";
|
|
@@ -126,7 +126,12 @@ onMount(async () => {
|
|
|
126
126
|
if (letChaos) {
|
|
127
127
|
runChaos(document.body);
|
|
128
128
|
chaosDone = true;
|
|
129
|
-
}
|
|
129
|
+
}
|
|
130
|
+
});
|
|
131
|
+
let isParsed = false;
|
|
132
|
+
afterUpdate(async () => {
|
|
133
|
+
if (!letChaos && !isParsed) {
|
|
134
|
+
isParsed = true;
|
|
130
135
|
await parseQTTerms();
|
|
131
136
|
}
|
|
132
137
|
});
|