77 |
99 |
78 | {#if inputState === "searching"}
79 |
80 | {:else}
81 | {#if selected?.image}
82 | 
83 | {/if}
84 | {selected?.text || ''}
85 | {/if}
86 |
87 |
88 |
89 | {#each options as item (item.id)}
90 |
98 |
91 | {#if item.image}
92 | 
93 | {/if}
94 | {item.text}
95 |
96 | {/each}
97 |
84 |
100 |
101 |
--------------------------------------------------------------------------------
/src/lib/SubmitForm.svelte:
--------------------------------------------------------------------------------
1 |
85 |
91 |
86 |
87 |
88 |
89 |
90 |
92 |
94 |
95 |
99 |
96 | {valueJson}
97 |
98 |
167 |
--------------------------------------------------------------------------------
/src/lib/utilities.ts:
--------------------------------------------------------------------------------
1 | import { get } from "lodash-es";
2 |
3 | export const upTo = (str: string, match: string, start?: number) => {
4 | const pos = str.indexOf(match, start);
5 | return pos < 0 ? str.substring(start || 0) : str.substring(start || 0, pos);
6 | }
7 |
8 | export const upToLast = (str: string, match: string, end?: number) => {
9 | const pos = str.lastIndexOf(match, end);
10 | return pos < 0 ? str.substring(0, end || str.length) : str.substring(0, pos);
11 | }
12 |
13 | export const after = (str: string, match: string, start?: number) => {
14 | const pos = str.indexOf(match, start);
15 | return pos < 0 ? '' : str.substring(pos + match.length);
16 | }
17 |
18 | export const afterLast = (str: string, match: string, end?: number) => {
19 | const pos = str.lastIndexOf(match, end);
20 | return pos < 0 ? '' : str.substring(pos + match.length, end || str.length);
21 | }
22 |
23 | export function camelToWords(camel: string): string {
24 | camel = camel.trim();
25 | const words: string[] = [];
26 | let start = 0;
27 | for (let end = 1; end < camel.length; end++) {
28 | if ('A' <= camel[end] && camel[end] <= 'Z') {
29 | words.push(camel.substring(start, end).toLowerCase());
30 | start = end;
31 | }
32 | }
33 | words.push(camel.substring(start, camel.length).toLowerCase());
34 |
35 | return words.join(' ');
36 | }
37 |
38 | export function camelToTitle(camel: string): string {
39 | return camelToWords(camel).replace(/[a-z]/i, (ltr) => ltr.toUpperCase())
40 | }
41 |
42 | /** manipulate the schema to allow any optional property to have a null value
43 | * which is appropriate for form input */
44 | export function nullOptionalsAllowed(schema: object): object {
45 | if (schema === null || schema === undefined) schema = {};
46 | let newSchema = deepCopy(schema);
47 | nullOptionalsAllowedApply(newSchema as Record-
168 | {#each value || [] as item, idx (item)}
169 |
- false}
175 | on:dragenter|preventDefault={() => hovering = idx}
176 | on:dragleave={() => hovering = false}
177 | class:drag-over={hovering === idx}>
178 |
179 |
180 | {getName(item)} 181 |
182 | 183 |184 | 185 | 186 |187 |
188 | {/each}
189 |
190 | {#if !adding}
191 | - false} 194 | on:dragenter|preventDefault={() => hovering = lastIdx} 195 | on:dragleave={() => hovering = false} 196 | class:drag-over={hovering === lastIdx}> 197 | 198 | {/if} 199 |
"); 187 | } -------------------------------------------------------------------------------- /src/lib/editors/Upload.svelte: -------------------------------------------------------------------------------- 1 | 148 | 149 |
164 | {#if mode === "uploader" && !readOnly}
165 | 
171 | {/if}
172 | {#if value && !isImage(value) && mode === "uploader"}
173 |
196 | {#if Object.keys(progress).length > 0}
197 |
205 | {/if}
206 |
166 | Drop files or click to upload
167 |
168 | {/if}
169 | {#if value && isImage(value) && mode === "uploader"}
170 | {afterLast(value, ".")}
174 | {/if}
175 | {#if mode === "link"}
176 | {}}
183 | on:input={ev => params.pathChanged(params.path, ev.currentTarget.value || undefined)} />
184 | {/if}
185 |
186 | {#if !(readOnly)}
187 |
188 | {/if}
189 |
194 |
195 |