@fuzdev/fuz_ui 0.206.7 → 0.206.9

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 (221) hide show
  1. package/README.md +3 -3
  2. package/dist/Alert.svelte +21 -25
  3. package/dist/Alert.svelte.d.ts.map +1 -1
  4. package/dist/ApiDeclarationList.svelte +2 -2
  5. package/dist/ApiDeclarationList.svelte.d.ts.map +1 -1
  6. package/dist/ApiIndex.svelte +4 -4
  7. package/dist/ApiIndex.svelte.d.ts.map +1 -1
  8. package/dist/ApiModule.svelte +13 -10
  9. package/dist/ApiModule.svelte.d.ts.map +1 -1
  10. package/dist/ApiModulesList.svelte +2 -2
  11. package/dist/ApiModulesList.svelte.d.ts.map +1 -1
  12. package/dist/Breadcrumb.svelte +31 -19
  13. package/dist/Breadcrumb.svelte.d.ts.map +1 -1
  14. package/dist/Card.svelte +17 -17
  15. package/dist/Card.svelte.d.ts.map +1 -1
  16. package/dist/ColorSchemeInput.svelte +6 -6
  17. package/dist/ColorSchemeInput.svelte.d.ts.map +1 -1
  18. package/dist/Contextmenu.svelte +6 -4
  19. package/dist/Contextmenu.svelte.d.ts.map +1 -1
  20. package/dist/ContextmenuEntry.svelte +8 -8
  21. package/dist/ContextmenuEntry.svelte.d.ts.map +1 -1
  22. package/dist/ContextmenuIcon.svelte +3 -3
  23. package/dist/ContextmenuIcon.svelte.d.ts.map +1 -1
  24. package/dist/ContextmenuLinkEntry.svelte +14 -14
  25. package/dist/ContextmenuLinkEntry.svelte.d.ts.map +1 -1
  26. package/dist/ContextmenuMenu.svelte +10 -10
  27. package/dist/ContextmenuMenu.svelte.d.ts.map +1 -1
  28. package/dist/ContextmenuRoot.svelte +7 -7
  29. package/dist/ContextmenuRootForSafariCompatibility.svelte +15 -15
  30. package/dist/ContextmenuSeparator.svelte +2 -2
  31. package/dist/ContextmenuSubmenu.svelte +15 -12
  32. package/dist/ContextmenuSubmenu.svelte.d.ts.map +1 -1
  33. package/dist/ContextmenuTextEntry.svelte +4 -4
  34. package/dist/ContextmenuTextEntry.svelte.d.ts.map +1 -1
  35. package/dist/CopyToClipboard.svelte +7 -7
  36. package/dist/CopyToClipboard.svelte.d.ts.map +1 -1
  37. package/dist/DeclarationDetail.svelte +35 -28
  38. package/dist/DeclarationDetail.svelte.d.ts.map +1 -1
  39. package/dist/DeclarationLink.svelte +7 -7
  40. package/dist/DeclarationLink.svelte.d.ts.map +1 -1
  41. package/dist/Details.svelte +3 -3
  42. package/dist/Details.svelte.d.ts.map +1 -1
  43. package/dist/Dialog.svelte +7 -7
  44. package/dist/Dialog.svelte.d.ts.map +1 -1
  45. package/dist/DialogContent.svelte +6 -6
  46. package/dist/DialogContent.svelte.d.ts.map +1 -1
  47. package/dist/Docs.svelte +14 -12
  48. package/dist/Docs.svelte.d.ts.map +1 -1
  49. package/dist/DocsContent.svelte +4 -4
  50. package/dist/DocsContent.svelte.d.ts.map +1 -1
  51. package/dist/DocsFooter.svelte +7 -8
  52. package/dist/DocsFooter.svelte.d.ts.map +1 -1
  53. package/dist/DocsLink.svelte +24 -21
  54. package/dist/DocsLink.svelte.d.ts.map +1 -1
  55. package/dist/DocsList.svelte +3 -3
  56. package/dist/DocsList.svelte.d.ts.map +1 -1
  57. package/dist/DocsMenu.svelte +13 -10
  58. package/dist/DocsMenu.svelte.d.ts.map +1 -1
  59. package/dist/DocsMenuHeader.svelte +2 -2
  60. package/dist/DocsMenuHeader.svelte.d.ts.map +1 -1
  61. package/dist/DocsPageLinks.svelte +9 -7
  62. package/dist/DocsPageLinks.svelte.d.ts.map +1 -1
  63. package/dist/DocsPrimaryNav.svelte +5 -5
  64. package/dist/DocsPrimaryNav.svelte.d.ts.map +1 -1
  65. package/dist/DocsSearch.svelte +3 -3
  66. package/dist/DocsSearch.svelte.d.ts.map +1 -1
  67. package/dist/DocsSecondaryNav.svelte +3 -3
  68. package/dist/DocsSecondaryNav.svelte.d.ts.map +1 -1
  69. package/dist/DocsTertiaryNav.svelte +8 -8
  70. package/dist/DocsTertiaryNav.svelte.d.ts.map +1 -1
  71. package/dist/EcosystemLinks.svelte +3 -3
  72. package/dist/EcosystemLinks.svelte.d.ts.map +1 -1
  73. package/dist/EcosystemLinksPanel.svelte +2 -2
  74. package/dist/EcosystemLinksPanel.svelte.d.ts.map +1 -1
  75. package/dist/GithubLink.svelte +10 -10
  76. package/dist/GithubLink.svelte.d.ts.map +1 -1
  77. package/dist/Glyph.svelte +4 -2
  78. package/dist/Glyph.svelte.d.ts.map +1 -1
  79. package/dist/Hashlink.svelte +5 -5
  80. package/dist/Hashlink.svelte.d.ts.map +1 -1
  81. package/dist/HueInput.svelte +5 -5
  82. package/dist/HueInput.svelte.d.ts.map +1 -1
  83. package/dist/ImgOrSvg.svelte +20 -20
  84. package/dist/ImgOrSvg.svelte.d.ts.map +1 -1
  85. package/dist/LibraryDetail.svelte +16 -16
  86. package/dist/LibraryDetail.svelte.d.ts.map +1 -1
  87. package/dist/LibrarySummary.svelte +10 -8
  88. package/dist/LibrarySummary.svelte.d.ts.map +1 -1
  89. package/dist/MdnLink.svelte +8 -8
  90. package/dist/MdnLink.svelte.d.ts.map +1 -1
  91. package/dist/ModuleLink.svelte +5 -5
  92. package/dist/ModuleLink.svelte.d.ts.map +1 -1
  93. package/dist/PasteFromClipboard.svelte +1 -1
  94. package/dist/PasteFromClipboard.svelte.d.ts.map +1 -1
  95. package/dist/PendingAnimation.svelte +12 -11
  96. package/dist/PendingAnimation.svelte.d.ts.map +1 -1
  97. package/dist/PendingButton.svelte +3 -3
  98. package/dist/PendingButton.svelte.d.ts.map +1 -1
  99. package/dist/ProjectActivityChart.svelte +137 -0
  100. package/dist/ProjectActivityChart.svelte.d.ts +30 -0
  101. package/dist/ProjectActivityChart.svelte.d.ts.map +1 -0
  102. package/dist/ProjectLinks.svelte +29 -48
  103. package/dist/ProjectLinks.svelte.d.ts.map +1 -1
  104. package/dist/Redirect.svelte +12 -8
  105. package/dist/Redirect.svelte.d.ts.map +1 -1
  106. package/dist/Sparkline.svelte +131 -0
  107. package/dist/Sparkline.svelte.d.ts +42 -0
  108. package/dist/Sparkline.svelte.d.ts.map +1 -0
  109. package/dist/Spiders.svelte +5 -5
  110. package/dist/Spiders.svelte.d.ts.map +1 -1
  111. package/dist/StyleVariableButton.svelte +6 -6
  112. package/dist/StyleVariableButton.svelte.d.ts.map +1 -1
  113. package/dist/Svg.svelte +5 -5
  114. package/dist/Svg.svelte.d.ts.map +1 -1
  115. package/dist/Teleport.svelte +2 -2
  116. package/dist/Teleport.svelte.d.ts.map +1 -1
  117. package/dist/ThemeInput.svelte +10 -8
  118. package/dist/ThemeInput.svelte.d.ts.map +1 -1
  119. package/dist/ThemeRoot.svelte +10 -11
  120. package/dist/ThemeRoot.svelte.d.ts.map +1 -1
  121. package/dist/TomeContent.svelte +11 -11
  122. package/dist/TomeContent.svelte.d.ts.map +1 -1
  123. package/dist/TomeHeader.svelte +6 -6
  124. package/dist/TomeLink.svelte +7 -7
  125. package/dist/TomeLink.svelte.d.ts.map +1 -1
  126. package/dist/TomeSection.svelte +8 -8
  127. package/dist/TomeSection.svelte.d.ts.map +1 -1
  128. package/dist/TomeSectionHeader.svelte +12 -12
  129. package/dist/TomeSectionHeader.svelte.d.ts.map +1 -1
  130. package/dist/TypeLink.svelte +11 -11
  131. package/dist/TypeLink.svelte.d.ts.map +1 -1
  132. package/dist/alert.js +1 -1
  133. package/dist/api_search.svelte.d.ts.map +1 -1
  134. package/dist/api_search.svelte.js +5 -7
  135. package/dist/autofocus.svelte.d.ts.map +1 -1
  136. package/dist/context_helpers.js +1 -1
  137. package/dist/contextmenu_helpers.d.ts.map +1 -1
  138. package/dist/contextmenu_helpers.js +3 -3
  139. package/dist/contextmenu_state.svelte.d.ts.map +1 -1
  140. package/dist/contextmenu_state.svelte.js +4 -4
  141. package/dist/csp.d.ts.map +1 -1
  142. package/dist/csp.js +27 -27
  143. package/dist/csp_of_fuzdev.d.ts.map +1 -1
  144. package/dist/csp_of_fuzdev.js +1 -1
  145. package/dist/declaration.svelte.d.ts +44 -256
  146. package/dist/declaration.svelte.d.ts.map +1 -1
  147. package/dist/declaration.svelte.js +132 -52
  148. package/dist/declaration_contextmenu.d.ts.map +1 -1
  149. package/dist/declaration_contextmenu.js +2 -2
  150. package/dist/docs_helpers.svelte.d.ts.map +1 -1
  151. package/dist/icons.js +200 -200
  152. package/dist/intersect.svelte.d.ts.map +1 -1
  153. package/dist/library.svelte.d.ts +31 -18
  154. package/dist/library.svelte.d.ts.map +1 -1
  155. package/dist/library.svelte.js +76 -21
  156. package/dist/logos.js +42 -42
  157. package/dist/module.svelte.d.ts +30 -37
  158. package/dist/module.svelte.d.ts.map +1 -1
  159. package/dist/module.svelte.js +88 -35
  160. package/dist/module_contextmenu.d.ts.map +1 -1
  161. package/dist/module_contextmenu.js +2 -2
  162. package/dist/project_stats.d.ts +121 -0
  163. package/dist/project_stats.d.ts.map +1 -0
  164. package/dist/project_stats.js +153 -0
  165. package/dist/project_stats_data.d.ts +3 -0
  166. package/dist/project_stats_data.d.ts.map +1 -0
  167. package/dist/project_stats_data.js +469 -0
  168. package/dist/project_stats_update.task.d.ts +4 -0
  169. package/dist/project_stats_update.task.d.ts.map +1 -0
  170. package/dist/project_stats_update.task.js +50 -0
  171. package/dist/projects.d.ts +17 -0
  172. package/dist/projects.d.ts.map +1 -0
  173. package/dist/projects.js +20 -0
  174. package/dist/publish.task.d.ts +3 -0
  175. package/dist/publish.task.d.ts.map +1 -0
  176. package/dist/publish.task.js +23 -0
  177. package/dist/site.svelte.d.ts.map +1 -1
  178. package/dist/sparkline.d.ts +102 -0
  179. package/dist/sparkline.d.ts.map +1 -0
  180. package/dist/sparkline.js +63 -0
  181. package/dist/style_variable_helpers.svelte.d.ts.map +1 -1
  182. package/dist/svg.d.ts.map +1 -1
  183. package/dist/theme_state.svelte.d.ts.map +1 -1
  184. package/dist/theme_state.svelte.js +1 -1
  185. package/dist/tome.d.ts.map +1 -1
  186. package/dist/tome.js +1 -1
  187. package/dist/vite_plugin_pkg_json.d.ts.map +1 -1
  188. package/dist/vite_plugin_pkg_json.js +1 -1
  189. package/package.json +3 -22
  190. package/src/lib/alert.ts +3 -3
  191. package/src/lib/api_search.svelte.ts +9 -11
  192. package/src/lib/autofocus.svelte.ts +2 -2
  193. package/src/lib/context_helpers.ts +2 -2
  194. package/src/lib/contextmenu_helpers.ts +21 -21
  195. package/src/lib/contextmenu_state.svelte.ts +32 -34
  196. package/src/lib/csp.ts +42 -54
  197. package/src/lib/csp_of_fuzdev.ts +2 -2
  198. package/src/lib/declaration.svelte.ts +157 -62
  199. package/src/lib/declaration_contextmenu.ts +5 -5
  200. package/src/lib/dialog.ts +1 -1
  201. package/src/lib/docs_helpers.svelte.ts +9 -9
  202. package/src/lib/icons.ts +205 -205
  203. package/src/lib/intersect.svelte.ts +5 -5
  204. package/src/lib/library.svelte.ts +103 -36
  205. package/src/lib/library_helpers.ts +2 -2
  206. package/src/lib/logos.ts +43 -43
  207. package/src/lib/module.svelte.ts +98 -49
  208. package/src/lib/module_contextmenu.ts +4 -4
  209. package/src/lib/project_stats.ts +220 -0
  210. package/src/lib/project_stats_data.ts +472 -0
  211. package/src/lib/project_stats_update.task.ts +53 -0
  212. package/src/lib/projects.ts +49 -0
  213. package/src/lib/publish.task.ts +22 -0
  214. package/src/lib/site.svelte.ts +5 -5
  215. package/src/lib/sparkline.ts +173 -0
  216. package/src/lib/storage.ts +2 -2
  217. package/src/lib/style_variable_helpers.svelte.ts +2 -2
  218. package/src/lib/svg.ts +2 -2
  219. package/src/lib/theme_state.svelte.ts +8 -8
  220. package/src/lib/tome.ts +8 -8
  221. 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 my style framework [fuz_css](https://github.com/fuzdev/fuz_css).
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
- 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?:
36
- | string
37
- | Snippet<[icon: string]>
38
- | null
39
- | undefined; // TODO experimenting with this, gets complex in the impl
40
- /** Button attributes, applied only when `onclick` renders the alert as a `<button>`. */
41
- button_attrs?: SvelteHTMLElements['button'];
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,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,cAAc,EAAE,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAuB,KAAK,WAAW,EAAC,MAAM,YAAY,CAAC;AAEjE,KAAK,gBAAgB,GACrB,AADyB,uIAAuI;AAChK,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,EACF,MAAM,GACN,OAAO,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,GACvB,IAAI,GACJ,SAAS,CAAC;IACb,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;AAkEH,QAAA,MAAM,KAAK,sDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
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,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAKxD,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"}
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"}
@@ -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,EAAoC,KAAK,OAAO,EAAC,MAAM,qBAAqB,CAAC;AACpF,OAAO,EAAmB,KAAK,IAAI,EAAC,MAAM,WAAW,CAAC;AAQrD,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"}
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"}
@@ -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}<small>type</small>
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}<small>type</small>
170
- {/if}{#if entry.originalName}<small>{entry.originalName} as</small>
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,EAAoC,KAAK,OAAO,EAAC,MAAM,qBAAqB,CAAC;AACpF,OAAO,EAAmB,KAAK,IAAI,EAAC,MAAM,WAAW,CAAC;AAWrD,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;AA6LH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
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,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAK9C,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"}
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"}
@@ -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
- >{#if children}{@render children()}{:else if icon_data}<Svg
66
- data={icon_data}
67
- size="1em"
68
- />{:else if glyph_text}{glyph_text}{:else}•{/if}</a
69
- >{#each path_pieces as path_piece (path_piece)}{#if path_piece.type ===
70
- 'piece'}<!-- eslint-disable-next-line svelte/no-navigation-without-resolve --><a
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}}>{path_piece.name}</a
73
- >{:else}<span class="separator"
74
- >{#if separator}{@render separator()}{:else}/{/if}</span
75
- >{/if}{/each}
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,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAEpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKvD,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;AAmDH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
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
- 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();
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,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,cAAc,EAAE,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvE,KAAK,gBAAgB,GACrB,AADyB,sHAAsH;AAC/I,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;AAsEH,QAAA,MAAM,IAAI,sDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
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,EAAgB,KAAK,WAAW,EAAC,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAIvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE;QAAC,YAAY,EAAE,WAAW,CAAA;KAAC,CAAC;CACpC,CAAC;AAmCH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
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"}
@@ -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)}>{@render children()}</svelte:element
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,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAGxD,iBAAS,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;;cAOnC,CAAC;iBACE,OAAO;kBACN,OAAO;;;;;;EAoBsG;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
+ {"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,EAAY,KAAK,OAAO,EAAC,MAAM,QAAQ,CAAC;AAI/C,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,+BAA+B,CAAC;AACvF,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAGrC,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
+ {"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,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAEpC,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAGrC,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
+ {"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', // TODO smarter defaults
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
- >{#if children}{@render children()}{:else}{text}{/if}</span
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,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAKpC,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAIrC,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;AAyFH,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
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"}