@fuzdev/fuz_ui 0.206.7 → 0.206.8
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/README.md +3 -3
- package/dist/Alert.svelte +21 -25
- package/dist/Alert.svelte.d.ts.map +1 -1
- package/dist/ApiDeclarationList.svelte +2 -2
- package/dist/ApiDeclarationList.svelte.d.ts.map +1 -1
- package/dist/ApiIndex.svelte +4 -4
- package/dist/ApiIndex.svelte.d.ts.map +1 -1
- package/dist/ApiModule.svelte +13 -10
- package/dist/ApiModule.svelte.d.ts.map +1 -1
- package/dist/ApiModulesList.svelte +2 -2
- package/dist/ApiModulesList.svelte.d.ts.map +1 -1
- package/dist/Breadcrumb.svelte +31 -19
- package/dist/Breadcrumb.svelte.d.ts.map +1 -1
- package/dist/Card.svelte +17 -17
- package/dist/Card.svelte.d.ts.map +1 -1
- package/dist/ColorSchemeInput.svelte +6 -6
- package/dist/ColorSchemeInput.svelte.d.ts.map +1 -1
- package/dist/Contextmenu.svelte +6 -4
- package/dist/Contextmenu.svelte.d.ts.map +1 -1
- package/dist/ContextmenuEntry.svelte +8 -8
- package/dist/ContextmenuEntry.svelte.d.ts.map +1 -1
- package/dist/ContextmenuIcon.svelte +3 -3
- package/dist/ContextmenuIcon.svelte.d.ts.map +1 -1
- package/dist/ContextmenuLinkEntry.svelte +14 -14
- package/dist/ContextmenuLinkEntry.svelte.d.ts.map +1 -1
- package/dist/ContextmenuMenu.svelte +10 -10
- package/dist/ContextmenuMenu.svelte.d.ts.map +1 -1
- package/dist/ContextmenuRoot.svelte +7 -7
- package/dist/ContextmenuRootForSafariCompatibility.svelte +15 -15
- package/dist/ContextmenuSeparator.svelte +2 -2
- package/dist/ContextmenuSubmenu.svelte +15 -12
- package/dist/ContextmenuSubmenu.svelte.d.ts.map +1 -1
- package/dist/ContextmenuTextEntry.svelte +4 -4
- package/dist/ContextmenuTextEntry.svelte.d.ts.map +1 -1
- package/dist/CopyToClipboard.svelte +7 -7
- package/dist/CopyToClipboard.svelte.d.ts.map +1 -1
- package/dist/DeclarationDetail.svelte +35 -28
- package/dist/DeclarationDetail.svelte.d.ts.map +1 -1
- package/dist/DeclarationLink.svelte +7 -7
- package/dist/DeclarationLink.svelte.d.ts.map +1 -1
- package/dist/Details.svelte +3 -3
- package/dist/Details.svelte.d.ts.map +1 -1
- package/dist/Dialog.svelte +7 -7
- package/dist/Dialog.svelte.d.ts.map +1 -1
- package/dist/DialogContent.svelte +6 -6
- package/dist/DialogContent.svelte.d.ts.map +1 -1
- package/dist/Docs.svelte +14 -12
- package/dist/Docs.svelte.d.ts.map +1 -1
- package/dist/DocsContent.svelte +4 -4
- package/dist/DocsContent.svelte.d.ts.map +1 -1
- package/dist/DocsFooter.svelte +7 -8
- package/dist/DocsFooter.svelte.d.ts.map +1 -1
- package/dist/DocsLink.svelte +24 -21
- package/dist/DocsLink.svelte.d.ts.map +1 -1
- package/dist/DocsList.svelte +3 -3
- package/dist/DocsList.svelte.d.ts.map +1 -1
- package/dist/DocsMenu.svelte +13 -10
- package/dist/DocsMenu.svelte.d.ts.map +1 -1
- package/dist/DocsMenuHeader.svelte +2 -2
- package/dist/DocsMenuHeader.svelte.d.ts.map +1 -1
- package/dist/DocsPageLinks.svelte +9 -7
- package/dist/DocsPageLinks.svelte.d.ts.map +1 -1
- package/dist/DocsPrimaryNav.svelte +5 -5
- package/dist/DocsPrimaryNav.svelte.d.ts.map +1 -1
- package/dist/DocsSearch.svelte +3 -3
- package/dist/DocsSearch.svelte.d.ts.map +1 -1
- package/dist/DocsSecondaryNav.svelte +3 -3
- package/dist/DocsSecondaryNav.svelte.d.ts.map +1 -1
- package/dist/DocsTertiaryNav.svelte +8 -8
- package/dist/DocsTertiaryNav.svelte.d.ts.map +1 -1
- package/dist/EcosystemLinks.svelte +3 -3
- package/dist/EcosystemLinks.svelte.d.ts.map +1 -1
- package/dist/EcosystemLinksPanel.svelte +2 -2
- package/dist/EcosystemLinksPanel.svelte.d.ts.map +1 -1
- package/dist/GithubLink.svelte +10 -10
- package/dist/GithubLink.svelte.d.ts.map +1 -1
- package/dist/Glyph.svelte +4 -2
- package/dist/Glyph.svelte.d.ts.map +1 -1
- package/dist/Hashlink.svelte +5 -5
- package/dist/Hashlink.svelte.d.ts.map +1 -1
- package/dist/HueInput.svelte +5 -5
- package/dist/HueInput.svelte.d.ts.map +1 -1
- package/dist/ImgOrSvg.svelte +20 -20
- package/dist/ImgOrSvg.svelte.d.ts.map +1 -1
- package/dist/LibraryDetail.svelte +16 -16
- package/dist/LibraryDetail.svelte.d.ts.map +1 -1
- package/dist/LibrarySummary.svelte +10 -8
- package/dist/LibrarySummary.svelte.d.ts.map +1 -1
- package/dist/MdnLink.svelte +8 -8
- package/dist/MdnLink.svelte.d.ts.map +1 -1
- package/dist/ModuleLink.svelte +5 -5
- package/dist/ModuleLink.svelte.d.ts.map +1 -1
- package/dist/PasteFromClipboard.svelte +1 -1
- package/dist/PasteFromClipboard.svelte.d.ts.map +1 -1
- package/dist/PendingAnimation.svelte +12 -11
- package/dist/PendingAnimation.svelte.d.ts.map +1 -1
- package/dist/PendingButton.svelte +3 -3
- package/dist/PendingButton.svelte.d.ts.map +1 -1
- package/dist/ProjectLinks.svelte +7 -7
- package/dist/ProjectLinks.svelte.d.ts.map +1 -1
- package/dist/Redirect.svelte +12 -8
- package/dist/Redirect.svelte.d.ts.map +1 -1
- package/dist/Spiders.svelte +5 -5
- package/dist/Spiders.svelte.d.ts.map +1 -1
- package/dist/StyleVariableButton.svelte +6 -6
- package/dist/StyleVariableButton.svelte.d.ts.map +1 -1
- package/dist/Svg.svelte +5 -5
- package/dist/Svg.svelte.d.ts.map +1 -1
- package/dist/Teleport.svelte +2 -2
- package/dist/Teleport.svelte.d.ts.map +1 -1
- package/dist/ThemeInput.svelte +10 -8
- package/dist/ThemeInput.svelte.d.ts.map +1 -1
- package/dist/ThemeRoot.svelte +10 -11
- package/dist/ThemeRoot.svelte.d.ts.map +1 -1
- package/dist/TomeContent.svelte +11 -11
- package/dist/TomeContent.svelte.d.ts.map +1 -1
- package/dist/TomeHeader.svelte +6 -6
- package/dist/TomeLink.svelte +7 -7
- package/dist/TomeLink.svelte.d.ts.map +1 -1
- package/dist/TomeSection.svelte +8 -8
- package/dist/TomeSection.svelte.d.ts.map +1 -1
- package/dist/TomeSectionHeader.svelte +12 -12
- package/dist/TomeSectionHeader.svelte.d.ts.map +1 -1
- package/dist/TypeLink.svelte +11 -11
- package/dist/TypeLink.svelte.d.ts.map +1 -1
- package/dist/alert.js +1 -1
- package/dist/api_search.svelte.d.ts.map +1 -1
- package/dist/api_search.svelte.js +5 -7
- package/dist/autofocus.svelte.d.ts.map +1 -1
- package/dist/context_helpers.js +1 -1
- package/dist/contextmenu_helpers.d.ts.map +1 -1
- package/dist/contextmenu_helpers.js +3 -3
- package/dist/contextmenu_state.svelte.d.ts.map +1 -1
- package/dist/contextmenu_state.svelte.js +4 -4
- package/dist/csp.d.ts.map +1 -1
- package/dist/csp.js +27 -27
- package/dist/csp_of_fuzdev.d.ts.map +1 -1
- package/dist/csp_of_fuzdev.js +1 -1
- package/dist/declaration.svelte.d.ts +44 -256
- package/dist/declaration.svelte.d.ts.map +1 -1
- package/dist/declaration.svelte.js +132 -52
- package/dist/declaration_contextmenu.d.ts.map +1 -1
- package/dist/declaration_contextmenu.js +2 -2
- package/dist/docs_helpers.svelte.d.ts.map +1 -1
- package/dist/icons.js +200 -200
- package/dist/intersect.svelte.d.ts.map +1 -1
- package/dist/library.svelte.d.ts +31 -18
- package/dist/library.svelte.d.ts.map +1 -1
- package/dist/library.svelte.js +76 -21
- package/dist/logos.js +42 -42
- package/dist/module.svelte.d.ts +30 -37
- package/dist/module.svelte.d.ts.map +1 -1
- package/dist/module.svelte.js +88 -35
- package/dist/module_contextmenu.d.ts.map +1 -1
- package/dist/module_contextmenu.js +2 -2
- package/dist/site.svelte.d.ts.map +1 -1
- package/dist/style_variable_helpers.svelte.d.ts.map +1 -1
- package/dist/svg.d.ts.map +1 -1
- package/dist/theme_state.svelte.d.ts.map +1 -1
- package/dist/theme_state.svelte.js +1 -1
- package/dist/tome.d.ts.map +1 -1
- package/dist/tome.js +1 -1
- package/dist/vite_plugin_pkg_json.d.ts.map +1 -1
- package/dist/vite_plugin_pkg_json.js +1 -1
- package/package.json +3 -22
- package/src/lib/alert.ts +3 -3
- package/src/lib/api_search.svelte.ts +9 -11
- package/src/lib/autofocus.svelte.ts +2 -2
- package/src/lib/context_helpers.ts +2 -2
- package/src/lib/contextmenu_helpers.ts +21 -21
- package/src/lib/contextmenu_state.svelte.ts +32 -34
- package/src/lib/csp.ts +42 -54
- package/src/lib/csp_of_fuzdev.ts +2 -2
- package/src/lib/declaration.svelte.ts +157 -62
- package/src/lib/declaration_contextmenu.ts +5 -5
- package/src/lib/dialog.ts +1 -1
- package/src/lib/docs_helpers.svelte.ts +9 -9
- package/src/lib/icons.ts +205 -205
- package/src/lib/intersect.svelte.ts +5 -5
- package/src/lib/library.svelte.ts +103 -36
- package/src/lib/library_helpers.ts +2 -2
- package/src/lib/logos.ts +43 -43
- package/src/lib/module.svelte.ts +98 -49
- package/src/lib/module_contextmenu.ts +4 -4
- package/src/lib/site.svelte.ts +5 -5
- package/src/lib/storage.ts +2 -2
- package/src/lib/style_variable_helpers.svelte.ts +2 -2
- package/src/lib/svg.ts +2 -2
- package/src/lib/theme_state.svelte.ts +8 -8
- package/src/lib/tome.ts +8 -8
- package/src/lib/vite_plugin_pkg_json.ts +8 -8
package/README.md
CHANGED
|
@@ -36,8 +36,8 @@ The Svelte components and helpers:
|
|
|
36
36
|
npm i -D @fuzdev/fuz_ui
|
|
37
37
|
```
|
|
38
38
|
|
|
39
|
-
Fuz uses
|
|
40
|
-
Import modules at their full paths:
|
|
39
|
+
Fuz uses [fuz_css](https://github.com/fuzdev/fuz_css), a semantic-first CSS
|
|
40
|
+
framework and design system. Import modules at their full paths:
|
|
41
41
|
|
|
42
42
|
```ts
|
|
43
43
|
// fuz_css has one main plain CSS stylesheet:
|
|
@@ -53,7 +53,7 @@ import 'virtual:fuz.css';
|
|
|
53
53
|
import ThemeRoot from '@fuzdev/fuz_ui/ThemeRoot.svelte';
|
|
54
54
|
|
|
55
55
|
// and Fuz TypeScript modules:
|
|
56
|
-
import {type Theme, theme_state_context} from '@fuzdev/fuz_ui/theme_state.svelte.ts';
|
|
56
|
+
import { type Theme, theme_state_context } from '@fuzdev/fuz_ui/theme_state.svelte.ts';
|
|
57
57
|
```
|
|
58
58
|
|
|
59
59
|
See [the library](https://ui.fuz.dev/docs) for more.
|
package/dist/Alert.svelte
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type {Snippet} from 'svelte';
|
|
3
|
-
import type {HTMLAttributes, SvelteHTMLElements} from 'svelte/elements';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
import type { HTMLAttributes, SvelteHTMLElements } from 'svelte/elements';
|
|
4
4
|
|
|
5
|
-
import {alert_status_options, type AlertStatus} from './alert.js';
|
|
5
|
+
import { alert_status_options, type AlertStatus } from './alert.js';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/alert/}
|
|
@@ -23,33 +23,29 @@
|
|
|
23
23
|
children,
|
|
24
24
|
...rest
|
|
25
25
|
}: // generic element attrs, the common denominator of the rendered roots - // branch-specific attributes go in `button_attrs`/`div_attrs`
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
/** Div attributes, applied only when the alert renders as a `<div>` (no `onclick`). */
|
|
43
|
-
div_attrs?: SvelteHTMLElements['div'];
|
|
44
|
-
children: Snippet;
|
|
45
|
-
} = $props();
|
|
26
|
+
HTMLAttributes<HTMLElement> & {
|
|
27
|
+
status?: AlertStatus;
|
|
28
|
+
color?: string;
|
|
29
|
+
// TODO maybe an explicit `AlertButton` is better,
|
|
30
|
+
// or rethink the design because `role="alert"` can't be put on buttons -
|
|
31
|
+
// `disabled` and `button_attrs` only make sense when `onclick` is defined
|
|
32
|
+
/** Renders the alert as a `<button>` when provided. */
|
|
33
|
+
onclick?: (() => void) | undefined;
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
icon?: string | Snippet<[icon: string]> | null | undefined; // TODO experimenting with this, gets complex in the impl
|
|
36
|
+
/** Button attributes, applied only when `onclick` renders the alert as a `<button>`. */
|
|
37
|
+
button_attrs?: SvelteHTMLElements['button'];
|
|
38
|
+
/** Div attributes, applied only when the alert renders as a `<div>` (no `onclick`). */
|
|
39
|
+
div_attrs?: SvelteHTMLElements['div'];
|
|
40
|
+
children: Snippet;
|
|
41
|
+
} = $props();
|
|
46
42
|
|
|
47
43
|
const options = $derived(alert_status_options[status]);
|
|
48
44
|
// TODO change this to use the hue and put transparency on the borders, or add a borderColor option
|
|
49
|
-
const {color: status_color, icon: status_icon} = $derived(options);
|
|
45
|
+
const { color: status_color, icon: status_icon } = $derived(options);
|
|
50
46
|
const final_color = $derived(color ?? status_color);
|
|
51
47
|
const final_icon = $derived(
|
|
52
|
-
typeof icon === 'string' ? icon : (status_icon ?? alert_status_options.inform.icon!)
|
|
48
|
+
typeof icon === 'string' ? icon : (status_icon ?? alert_status_options.inform.icon!)
|
|
53
49
|
);
|
|
54
50
|
</script>
|
|
55
51
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Alert.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Alert.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1E,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAEnE,KAAK,gBAAgB,GACpB,AADwB,uIAAuI;AAC/J,cAAc,CAAC,WAAW,CAAC,GAAG;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3D,wFAAwF;IACxF,YAAY,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC5C,uFAAuF;IACvF,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAkEJ,QAAA,MAAM,KAAK,sDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type {Declaration} from './declaration.svelte.js';
|
|
2
|
+
import type { Declaration } from './declaration.svelte.js';
|
|
3
3
|
import DeclarationDetail from './DeclarationDetail.svelte';
|
|
4
4
|
import TomeSection from './TomeSection.svelte';
|
|
5
5
|
import TomeSectionHeader from './TomeSectionHeader.svelte';
|
|
6
6
|
|
|
7
7
|
const {
|
|
8
8
|
declarations,
|
|
9
|
-
search_query = ''
|
|
9
|
+
search_query = ''
|
|
10
10
|
}: {
|
|
11
11
|
declarations: Array<Declaration>;
|
|
12
12
|
search_query?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApiDeclarationList.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ApiDeclarationList.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ApiDeclarationList.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ApiDeclarationList.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAK1D,KAAK,gBAAgB,GAAI;IACxB,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAqCH,QAAA,MAAM,kBAAkB,sDAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}
|
package/dist/ApiIndex.svelte
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {set_library_context_with_fallback, type Library} from './library.svelte.js';
|
|
3
|
-
import {tome_get_by_slug, type Tome} from './tome.js';
|
|
2
|
+
import { set_library_context_with_fallback, type Library } from './library.svelte.js';
|
|
3
|
+
import { tome_get_by_slug, type Tome } from './tome.js';
|
|
4
4
|
import TomeContent from './TomeContent.svelte';
|
|
5
5
|
import TomeLink from './TomeLink.svelte';
|
|
6
6
|
import DocsSearch from './DocsSearch.svelte';
|
|
7
7
|
import ApiModulesList from './ApiModulesList.svelte';
|
|
8
8
|
import ApiDeclarationList from './ApiDeclarationList.svelte';
|
|
9
|
-
import {create_api_search} from './api_search.svelte.js';
|
|
9
|
+
import { create_api_search } from './api_search.svelte.js';
|
|
10
10
|
|
|
11
11
|
const {
|
|
12
12
|
library: library_prop,
|
|
13
13
|
tome = tome_get_by_slug('api'),
|
|
14
|
-
minimal = false
|
|
14
|
+
minimal = false
|
|
15
15
|
}: {
|
|
16
16
|
/**
|
|
17
17
|
* The library instance to render API docs for.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApiIndex.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ApiIndex.svelte"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"ApiIndex.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ApiIndex.svelte"],"names":[],"mappings":"AAGA,OAAO,EAAqC,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAoB,KAAK,IAAI,EAAE,MAAM,WAAW,CAAC;AAQvD,KAAK,gBAAgB,GAAI;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAmDH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
|
package/dist/ApiModule.svelte
CHANGED
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
import {
|
|
5
5
|
mdz_code_context,
|
|
6
6
|
mdz_codeblock_context,
|
|
7
|
-
mdz_set_context_with_fallback
|
|
7
|
+
mdz_set_context_with_fallback
|
|
8
8
|
} from '@fuzdev/mdz/mdz_contexts.ts';
|
|
9
9
|
|
|
10
|
-
import {set_library_context_with_fallback, type Library} from './library.svelte.js';
|
|
11
|
-
import {tome_get_by_slug, type Tome} from './tome.js';
|
|
10
|
+
import { set_library_context_with_fallback, type Library } from './library.svelte.js';
|
|
11
|
+
import { tome_get_by_slug, type Tome } from './tome.js';
|
|
12
12
|
import TomeContent from './TomeContent.svelte';
|
|
13
13
|
import TomeSection from './TomeSection.svelte';
|
|
14
14
|
import TomeSectionHeader from './TomeSectionHeader.svelte';
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
import DocsLink from './DocsLink.svelte';
|
|
18
18
|
import DeclarationLink from './DeclarationLink.svelte';
|
|
19
19
|
import ApiDeclarationList from './ApiDeclarationList.svelte';
|
|
20
|
-
import {create_module_declaration_search} from './api_search.svelte.js';
|
|
20
|
+
import { create_module_declaration_search } from './api_search.svelte.js';
|
|
21
21
|
|
|
22
22
|
const {
|
|
23
23
|
module_path: module_path_param,
|
|
24
24
|
library: library_prop,
|
|
25
|
-
tome = tome_get_by_slug('api')
|
|
25
|
+
tome = tome_get_by_slug('api')
|
|
26
26
|
}: {
|
|
27
27
|
/**
|
|
28
28
|
* The module path parameter from the route (e.g., "lib/Button.svelte").
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
// normalize module_path to string (could be array from [...module_path] route param)
|
|
52
52
|
const module_path = $derived(
|
|
53
|
-
Array.isArray(module_path_param) ? module_path_param.join('/') : module_path_param
|
|
53
|
+
Array.isArray(module_path_param) ? module_path_param.join('/') : module_path_param
|
|
54
54
|
);
|
|
55
55
|
|
|
56
56
|
// find the module using the lookup helper
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
|
|
62
62
|
// fallback for 404
|
|
63
63
|
const module_name = $derived(
|
|
64
|
-
module?.path || (directory_modules ? module_path : '[missing module]')
|
|
64
|
+
module?.path || (directory_modules ? module_path : '[missing module]')
|
|
65
65
|
);
|
|
66
66
|
|
|
67
67
|
const search = $derived(create_module_declaration_search(module?.declarations ?? []));
|
|
@@ -153,7 +153,8 @@
|
|
|
153
153
|
<div class="row gap_md flex-wrap:wrap">
|
|
154
154
|
{#each entries as entry (entry.name)}
|
|
155
155
|
<DeclarationLink name={entry.name} module_path={from_path}>
|
|
156
|
-
{#if entry.typeOnly}
|
|
156
|
+
{#if entry.typeOnly}
|
|
157
|
+
<small>type</small>
|
|
157
158
|
{/if}{entry.name}
|
|
158
159
|
</DeclarationLink>
|
|
159
160
|
{/each}
|
|
@@ -166,8 +167,10 @@
|
|
|
166
167
|
<div class="row gap_md flex-wrap:wrap">
|
|
167
168
|
{#each entries as entry (entry.name)}
|
|
168
169
|
<span class="chip">
|
|
169
|
-
{#if entry.typeOnly}
|
|
170
|
-
|
|
170
|
+
{#if entry.typeOnly}
|
|
171
|
+
<small>type</small>
|
|
172
|
+
{/if}{#if entry.originalName}
|
|
173
|
+
<small>{entry.originalName} as</small>
|
|
171
174
|
{/if}{entry.name}
|
|
172
175
|
</span>
|
|
173
176
|
{/each}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApiModule.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ApiModule.svelte"],"names":[],"mappings":"AAWA,OAAO,
|
|
1
|
+
{"version":3,"file":"ApiModule.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ApiModule.svelte"],"names":[],"mappings":"AAWA,OAAO,EAAqC,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAoB,KAAK,IAAI,EAAE,MAAM,WAAW,CAAC;AAWvD,KAAK,gBAAgB,GAAI;IACxB;;OAEG;IACH,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACZ,CAAC;AAgMH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type {Module} from './module.svelte.js';
|
|
2
|
+
import type { Module } from './module.svelte.js';
|
|
3
3
|
import ModuleLink from './ModuleLink.svelte';
|
|
4
4
|
import TomeSection from './TomeSection.svelte';
|
|
5
5
|
import TomeSectionHeader from './TomeSectionHeader.svelte';
|
|
6
6
|
|
|
7
7
|
const {
|
|
8
8
|
modules,
|
|
9
|
-
search_query = ''
|
|
9
|
+
search_query = ''
|
|
10
10
|
}: {
|
|
11
11
|
/**
|
|
12
12
|
* The modules to display.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApiModulesList.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ApiModulesList.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ApiModulesList.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ApiModulesList.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAKhD,KAAK,gBAAgB,GAAI;IACxB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAoCH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
|
package/dist/Breadcrumb.svelte
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {parse_path_pieces} from '@fuzdev/fuz_util/path.ts';
|
|
3
|
-
import {resolve} from '$app/paths';
|
|
4
|
-
import {page} from '$app/state';
|
|
5
|
-
import type {Snippet} from 'svelte';
|
|
6
|
-
import {strip_start, ensure_end} from '@fuzdev/fuz_util/string.ts';
|
|
7
|
-
import type {SvelteHTMLElements} from 'svelte/elements';
|
|
2
|
+
import { parse_path_pieces } from '@fuzdev/fuz_util/path.ts';
|
|
3
|
+
import { resolve } from '$app/paths';
|
|
4
|
+
import { page } from '$app/state';
|
|
5
|
+
import type { Snippet } from 'svelte';
|
|
6
|
+
import { strip_start, ensure_end } from '@fuzdev/fuz_util/string.ts';
|
|
7
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
|
8
8
|
|
|
9
9
|
import Svg from './Svg.svelte';
|
|
10
|
-
import {site_context} from './site.svelte.js';
|
|
10
|
+
import { site_context } from './site.svelte.js';
|
|
11
11
|
|
|
12
12
|
const {
|
|
13
13
|
path,
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
const final_path = $derived(path ?? strip_start(page.url.pathname, final_base_path));
|
|
49
49
|
|
|
50
50
|
const final_selected_path = $derived(
|
|
51
|
-
selected_path === null ? null : (selected_path ?? final_path)
|
|
51
|
+
selected_path === null ? null : (selected_path ?? final_path)
|
|
52
52
|
);
|
|
53
53
|
|
|
54
54
|
const path_pieces = $derived(parse_path_pieces(final_path));
|
|
@@ -61,18 +61,30 @@
|
|
|
61
61
|
|
|
62
62
|
<div {...rest} class="breadcrumb {rest.class}">
|
|
63
63
|
<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
|
|
64
|
-
<a href={root_path} class={{selected: root_path === final_base_path + final_selected_path}}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
64
|
+
<a href={root_path} class={{ selected: root_path === final_base_path + final_selected_path }}>
|
|
65
|
+
{#if children}
|
|
66
|
+
{@render children()}
|
|
67
|
+
{:else if icon_data}
|
|
68
|
+
<Svg data={icon_data} size="1em" />
|
|
69
|
+
{:else if glyph_text}
|
|
70
|
+
{glyph_text}
|
|
71
|
+
{:else}
|
|
72
|
+
•
|
|
73
|
+
{/if}
|
|
74
|
+
</a>{#each path_pieces as path_piece (path_piece)}
|
|
75
|
+
{#if path_piece.type === 'piece'}
|
|
76
|
+
<!-- eslint-disable-next-line svelte/no-navigation-without-resolve --><a
|
|
71
77
|
href={final_base_path + path_piece.path}
|
|
72
|
-
class={{selected: path_piece.path === final_selected_path}}
|
|
73
|
-
>
|
|
74
|
-
|
|
75
|
-
>
|
|
78
|
+
class={{ selected: path_piece.path === final_selected_path }}
|
|
79
|
+
>
|
|
80
|
+
{path_piece.name}
|
|
81
|
+
</a>
|
|
82
|
+
{:else}
|
|
83
|
+
<span class="separator">
|
|
84
|
+
{#if separator}{@render separator()}{:else}/{/if}
|
|
85
|
+
</span>
|
|
86
|
+
{/if}
|
|
87
|
+
{/each}
|
|
76
88
|
</div>
|
|
77
89
|
|
|
78
90
|
<style>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Breadcrumb.svelte"],"names":[],"mappings":"AAMA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Breadcrumb.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Breadcrumb.svelte"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAKzD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG;IACpD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAoEH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
|
package/dist/Card.svelte
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {page} from '$app/state';
|
|
3
|
-
import {DEV} from 'esm-env';
|
|
4
|
-
import type {Snippet} from 'svelte';
|
|
5
|
-
import type {HTMLAttributes, SvelteHTMLElements} from 'svelte/elements';
|
|
2
|
+
import { page } from '$app/state';
|
|
3
|
+
import { DEV } from 'esm-env';
|
|
4
|
+
import type { Snippet } from 'svelte';
|
|
5
|
+
import type { HTMLAttributes, SvelteHTMLElements } from 'svelte/elements';
|
|
6
6
|
|
|
7
7
|
// TODO think through Alert+Card APIs together, one can be a button and the other a link atm
|
|
8
8
|
|
|
@@ -15,28 +15,28 @@
|
|
|
15
15
|
children,
|
|
16
16
|
...rest
|
|
17
17
|
}: // generic element attrs, the common denominator of the rendered roots - // branch-specific attributes go in `a_attrs`
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
18
|
+
HTMLAttributes<HTMLElement> & {
|
|
19
|
+
/** Renders the card as an `<a>` when provided. */
|
|
20
|
+
href?: string | undefined;
|
|
21
|
+
tag?: string | undefined;
|
|
22
|
+
align?: 'left' | 'right' | 'above' | 'below';
|
|
23
|
+
icon?: string | Snippet;
|
|
24
|
+
/** Anchor attributes, applied only when `href` renders the card as an `<a>`. */
|
|
25
|
+
a_attrs?: SvelteHTMLElements['a'];
|
|
26
|
+
children: Snippet;
|
|
27
|
+
} = $props();
|
|
28
28
|
|
|
29
29
|
const link = $derived(!!href);
|
|
30
30
|
const selected = $derived(link && page.url.pathname === href);
|
|
31
31
|
const final_tag = $derived(tag ?? (link ? 'a' : 'div'));
|
|
32
|
-
const inferred_attrs = $derived(link ? {...a_attrs, href} : undefined);
|
|
32
|
+
const inferred_attrs = $derived(link ? { ...a_attrs, href } : undefined);
|
|
33
33
|
|
|
34
34
|
if (DEV) {
|
|
35
35
|
$effect(() => {
|
|
36
36
|
if (href && final_tag !== 'a') {
|
|
37
37
|
// eslint-disable-next-line no-console
|
|
38
38
|
console.error(
|
|
39
|
-
`Card received href "${href}" with tag "${final_tag}" - href renders only on an anchor
|
|
39
|
+
`Card received href "${href}" with tag "${final_tag}" - href renders only on an anchor`
|
|
40
40
|
);
|
|
41
41
|
}
|
|
42
42
|
});
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
this={final_tag}
|
|
55
55
|
{...rest}
|
|
56
56
|
{...inferred_attrs}
|
|
57
|
-
class={['card', rest.class, inferred_attrs?.class, {link, selected, left, right, above, below}]}
|
|
57
|
+
class={['card', rest.class, inferred_attrs?.class, { link, selected, left, right, above, below }]}
|
|
58
58
|
>
|
|
59
59
|
{#if align === 'left' || align === 'above'}
|
|
60
60
|
{@render icon_snippet()}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Card.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Card.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,KAAK,gBAAgB,GACpB,AADwB,sHAAsH;AAC9I,cAAc,CAAC,WAAW,CAAC,GAAG;IAC7B,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAsEJ,QAAA,MAAM,IAAI,sDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {swallow} from '@fuzdev/fuz_util/dom.ts';
|
|
3
|
-
import {color_schemes, type ColorScheme} from '@fuzdev/fuz_css/theme.ts';
|
|
4
|
-
import type {SvelteHTMLElements} from 'svelte/elements';
|
|
2
|
+
import { swallow } from '@fuzdev/fuz_util/dom.ts';
|
|
3
|
+
import { color_schemes, type ColorScheme } from '@fuzdev/fuz_css/theme.ts';
|
|
4
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
|
5
5
|
|
|
6
|
-
import {theme_state_context} from './theme_state.svelte.js';
|
|
6
|
+
import { theme_state_context } from './theme_state.svelte.js';
|
|
7
7
|
|
|
8
8
|
const get_theme_state = theme_state_context.get();
|
|
9
9
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
value = get_theme_state(),
|
|
12
12
|
...rest
|
|
13
13
|
}: SvelteHTMLElements['menu'] & {
|
|
14
|
-
value?: {color_scheme: ColorScheme};
|
|
14
|
+
value?: { color_scheme: ColorScheme };
|
|
15
15
|
} = $props();
|
|
16
16
|
</script>
|
|
17
17
|
|
|
@@ -22,7 +22,7 @@ https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menubar_ro
|
|
|
22
22
|
{@const selected = color_scheme === value.color_scheme}
|
|
23
23
|
<button
|
|
24
24
|
type="button"
|
|
25
|
-
class={['color-scheme color_a', {selected}]}
|
|
25
|
+
class={['color-scheme color_a', { selected }]}
|
|
26
26
|
role="menuitemradio"
|
|
27
27
|
title={selected
|
|
28
28
|
? `${color_scheme} color scheme is selected`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorSchemeInput.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ColorSchemeInput.svelte"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"ColorSchemeInput.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ColorSchemeInput.svelte"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE;QAAE,YAAY,EAAE,WAAW,CAAA;KAAE,CAAC;CACtC,CAAC;AAmCH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
|
package/dist/Contextmenu.svelte
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts" generics="T extends string = 'span'">
|
|
2
|
-
import type {Snippet} from 'svelte';
|
|
3
|
-
import type {SvelteHTMLElements} from 'svelte/elements';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
|
4
4
|
|
|
5
|
-
import {contextmenu_attachment} from './contextmenu_state.svelte.js';
|
|
5
|
+
import { contextmenu_attachment } from './contextmenu_state.svelte.js';
|
|
6
6
|
|
|
7
7
|
/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
|
|
8
8
|
|
|
@@ -27,5 +27,7 @@
|
|
|
27
27
|
this={tag}
|
|
28
28
|
style:display="contents"
|
|
29
29
|
{...rest}
|
|
30
|
-
{@attach contextmenu_attachment(entries)}
|
|
30
|
+
{@attach contextmenu_attachment(entries)}
|
|
31
31
|
>
|
|
32
|
+
{@render children()}
|
|
33
|
+
</svelte:element>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Contextmenu.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Contextmenu.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Contextmenu.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Contextmenu.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,iBAAS,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;;cAOnC,CAAC;iBACE,OAAO;kBACN,OAAO;;;;;;EAsBsG;AACzH,cAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7C,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACpZ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACnJ,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,WAAW,EAAE,qBAAmC,CAAC;AACrC,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AACpF,eAAe,WAAW,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {onDestroy, type Snippet} from 'svelte';
|
|
3
|
-
import {swallow} from '@fuzdev/fuz_util/dom.ts';
|
|
2
|
+
import { onDestroy, type Snippet } from 'svelte';
|
|
3
|
+
import { swallow } from '@fuzdev/fuz_util/dom.ts';
|
|
4
4
|
|
|
5
5
|
import PendingAnimation from './PendingAnimation.svelte';
|
|
6
|
-
import {contextmenu_context, type ContextmenuRun} from './contextmenu_state.svelte.js';
|
|
7
|
-
import type {SvgData} from './svg.js';
|
|
6
|
+
import { contextmenu_context, type ContextmenuRun } from './contextmenu_state.svelte.js';
|
|
7
|
+
import type { SvgData } from './svg.js';
|
|
8
8
|
import ContextmenuIcon from './ContextmenuIcon.svelte';
|
|
9
9
|
|
|
10
10
|
const {
|
|
11
11
|
run,
|
|
12
12
|
icon,
|
|
13
13
|
children,
|
|
14
|
-
disabled: disabled_prop = false
|
|
14
|
+
disabled: disabled_prop = false
|
|
15
15
|
}: {
|
|
16
16
|
run: ContextmenuRun;
|
|
17
17
|
icon?: SvgData | string | Snippet;
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
// add_entry registers on the current instance at init — not reactive to contextmenu getter changes
|
|
26
26
|
const entry = get_contextmenu().add_entry(
|
|
27
27
|
() => run,
|
|
28
|
-
() => disabled_prop
|
|
28
|
+
() => disabled_prop
|
|
29
29
|
);
|
|
30
30
|
|
|
31
|
-
const {selected, pending, error_message} = $derived(entry);
|
|
31
|
+
const { selected, pending, error_message } = $derived(entry);
|
|
32
32
|
const disabled = $derived(entry.disabled());
|
|
33
33
|
|
|
34
34
|
let activate_timeout: NodeJS.Timeout | null = null;
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
<!-- disabling the a11y warning because a parent element handles keyboard events -->
|
|
41
41
|
<!-- svelte-ignore a11y_click_events_have_key_events -->
|
|
42
42
|
<li
|
|
43
|
-
class={['menuitem plain selectable deselectable', {selected, disabled}]}
|
|
43
|
+
class={['menuitem plain selectable deselectable', { selected, disabled }]}
|
|
44
44
|
role="menuitem"
|
|
45
45
|
aria-disabled={disabled}
|
|
46
46
|
tabindex="-1"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextmenuEntry.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuEntry.svelte"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"ContextmenuEntry.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuEntry.svelte"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGvC,KAAK,gBAAgB,GAAI;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAgEH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type {Snippet} from 'svelte';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
3
|
|
|
4
|
-
import type {SvgData} from './svg.js';
|
|
4
|
+
import type { SvgData } from './svg.js';
|
|
5
5
|
import Svg from './Svg.svelte';
|
|
6
6
|
|
|
7
7
|
/**
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
15
|
const {
|
|
16
|
-
icon
|
|
16
|
+
icon
|
|
17
17
|
}: {
|
|
18
18
|
icon?: SvgData | string | Snippet;
|
|
19
19
|
} = $props();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextmenuIcon.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuIcon.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ContextmenuIcon.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuIcon.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGvC,KAAK,gBAAgB,GAAI;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;CAClC,CAAC;AA+BH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {strip_start} from '@fuzdev/fuz_util/string.ts';
|
|
3
|
-
import {swallow} from '@fuzdev/fuz_util/dom.ts';
|
|
4
|
-
import type {Snippet} from 'svelte';
|
|
5
|
-
import {page} from '$app/state';
|
|
2
|
+
import { strip_start } from '@fuzdev/fuz_util/string.ts';
|
|
3
|
+
import { swallow } from '@fuzdev/fuz_util/dom.ts';
|
|
4
|
+
import type { Snippet } from 'svelte';
|
|
5
|
+
import { page } from '$app/state';
|
|
6
6
|
|
|
7
|
-
import {contextmenu_context} from './contextmenu_state.svelte.js';
|
|
8
|
-
import {icon_external_link, icon_link} from './icons.js';
|
|
9
|
-
import type {SvgData} from './svg.js';
|
|
7
|
+
import { contextmenu_context } from './contextmenu_state.svelte.js';
|
|
8
|
+
import { icon_external_link, icon_link } from './icons.js';
|
|
9
|
+
import type { SvgData } from './svg.js';
|
|
10
10
|
import Svg from './Svg.svelte';
|
|
11
11
|
import ContextmenuIcon from './ContextmenuIcon.svelte';
|
|
12
12
|
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
icon,
|
|
16
16
|
children,
|
|
17
17
|
disabled: disabled_prop = false,
|
|
18
|
-
external_rel = 'noreferrer'
|
|
18
|
+
external_rel = 'noreferrer' // TODO smarter defaults
|
|
19
19
|
}: {
|
|
20
20
|
href: string;
|
|
21
21
|
icon?: SvgData | string | Snippet;
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
() => () => {
|
|
37
37
|
if (anchor_el) anchor_el.click();
|
|
38
38
|
},
|
|
39
|
-
() => disabled_prop
|
|
39
|
+
() => disabled_prop
|
|
40
40
|
);
|
|
41
41
|
|
|
42
42
|
// keyboard selection, like `ContextmenuEntry` - distinct from `current_page` below
|
|
43
|
-
const {selected} = $derived(entry);
|
|
43
|
+
const { selected } = $derived(entry);
|
|
44
44
|
const disabled = $derived(entry.disabled());
|
|
45
45
|
|
|
46
46
|
// TODO move or upstream?
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
<!-- eslint-disable svelte/no-navigation-without-resolve -->
|
|
65
65
|
<a
|
|
66
66
|
bind:this={anchor_el}
|
|
67
|
-
class={['menuitem plain', {selected, disabled, deselectable: !disabled}]}
|
|
67
|
+
class={['menuitem plain', { selected, disabled, deselectable: !disabled }]}
|
|
68
68
|
role="menuitem"
|
|
69
69
|
aria-disabled={disabled}
|
|
70
70
|
aria-current={current_page ? 'page' : undefined}
|
|
@@ -96,9 +96,9 @@
|
|
|
96
96
|
{/if}
|
|
97
97
|
</div>
|
|
98
98
|
<div class="title">
|
|
99
|
-
<span class="text"
|
|
100
|
-
|
|
101
|
-
>
|
|
99
|
+
<span class="text">
|
|
100
|
+
{#if children}{@render children()}{:else}{text}{/if}
|
|
101
|
+
</span>
|
|
102
102
|
</div>
|
|
103
103
|
</div>
|
|
104
104
|
</a>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextmenuLinkEntry.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuLinkEntry.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ContextmenuLinkEntry.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuLinkEntry.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAIvC,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA2FH,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
|