kosui 0.0.7
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/LICENSE +7 -0
- package/README.md +3 -0
- package/dist/alert/alert.svelte +28 -0
- package/dist/alert/alert.svelte.d.ts +5 -0
- package/dist/alert/index.d.ts +1 -0
- package/dist/alert/index.js +1 -0
- package/dist/autocomplete/autocomplete-content.svelte +47 -0
- package/dist/autocomplete/autocomplete-content.svelte.d.ts +10 -0
- package/dist/autocomplete/autocomplete-context.svelte.d.ts +12 -0
- package/dist/autocomplete/autocomplete-context.svelte.js +34 -0
- package/dist/autocomplete/autocomplete-input.svelte +43 -0
- package/dist/autocomplete/autocomplete-input.svelte.d.ts +7 -0
- package/dist/autocomplete/autocomplete-item.svelte +68 -0
- package/dist/autocomplete/autocomplete-item.svelte.d.ts +11 -0
- package/dist/autocomplete/autocomplete.svelte +20 -0
- package/dist/autocomplete/autocomplete.svelte.d.ts +8 -0
- package/dist/autocomplete/index.d.ts +4 -0
- package/dist/autocomplete/index.js +4 -0
- package/dist/avatar/avatar.svelte +47 -0
- package/dist/avatar/avatar.svelte.d.ts +8 -0
- package/dist/avatar/index.d.ts +1 -0
- package/dist/avatar/index.js +1 -0
- package/dist/badge/badge.svelte +43 -0
- package/dist/badge/badge.svelte.d.ts +9 -0
- package/dist/badge/index.d.ts +1 -0
- package/dist/badge/index.js +1 -0
- package/dist/base.d.ts +21 -0
- package/dist/base.js +70 -0
- package/dist/bindable.svelte.d.ts +7 -0
- package/dist/bindable.svelte.js +25 -0
- package/dist/box/box.svelte +42 -0
- package/dist/box/box.svelte.d.ts +12 -0
- package/dist/box/index.d.ts +1 -0
- package/dist/box/index.js +1 -0
- package/dist/breadcrumbs/breadcrumbs.svelte +39 -0
- package/dist/breadcrumbs/breadcrumbs.svelte.d.ts +13 -0
- package/dist/breadcrumbs/index.d.ts +1 -0
- package/dist/breadcrumbs/index.js +1 -0
- package/dist/button/button.svelte +70 -0
- package/dist/button/button.svelte.d.ts +13 -0
- package/dist/button/index.d.ts +1 -0
- package/dist/button/index.js +1 -0
- package/dist/chip/chip.svelte +57 -0
- package/dist/chip/chip.svelte.d.ts +11 -0
- package/dist/chip/index.d.ts +1 -0
- package/dist/chip/index.js +1 -0
- package/dist/command/action.svelte.d.ts +35 -0
- package/dist/command/action.svelte.js +76 -0
- package/dist/command/command-content.svelte +15 -0
- package/dist/command/command-content.svelte.d.ts +8 -0
- package/dist/command/command-context.svelte.d.ts +5 -0
- package/dist/command/command-context.svelte.js +13 -0
- package/dist/command/command-input.svelte +44 -0
- package/dist/command/command-input.svelte.d.ts +7 -0
- package/dist/command/command-item.svelte +66 -0
- package/dist/command/command-item.svelte.d.ts +11 -0
- package/dist/command/command-search.svelte +29 -0
- package/dist/command/command-search.svelte.d.ts +5 -0
- package/dist/command/command.svelte +19 -0
- package/dist/command/command.svelte.d.ts +8 -0
- package/dist/command/commander.svelte +107 -0
- package/dist/command/commander.svelte.d.ts +9 -0
- package/dist/command/index.d.ts +8 -0
- package/dist/command/index.js +8 -0
- package/dist/common/divider.svelte +13 -0
- package/dist/common/divider.svelte.d.ts +6 -0
- package/dist/common/header.svelte +35 -0
- package/dist/common/header.svelte.d.ts +10 -0
- package/dist/common/index.d.ts +3 -0
- package/dist/common/index.js +3 -0
- package/dist/common/item-context.svelte.d.ts +12 -0
- package/dist/common/item-context.svelte.js +77 -0
- package/dist/dialog/dialog-button.svelte +25 -0
- package/dist/dialog/dialog-button.svelte.d.ts +32 -0
- package/dist/dialog/dialog.svelte +69 -0
- package/dist/dialog/dialog.svelte.d.ts +37 -0
- package/dist/dialog/dialoguer-context.svelte.d.ts +53 -0
- package/dist/dialog/dialoguer-context.svelte.js +85 -0
- package/dist/dialog/dialoguer.svelte +65 -0
- package/dist/dialog/dialoguer.svelte.d.ts +7 -0
- package/dist/dialog/index.d.ts +4 -0
- package/dist/dialog/index.js +4 -0
- package/dist/event-manager.d.ts +15 -0
- package/dist/event-manager.js +47 -0
- package/dist/fab/fab.svelte +28 -0
- package/dist/fab/fab.svelte.d.ts +6 -0
- package/dist/fab/index.d.ts +1 -0
- package/dist/fab/index.js +1 -0
- package/dist/index.d.ts +39 -0
- package/dist/index.js +39 -0
- package/dist/input/index.d.ts +1 -0
- package/dist/input/index.js +1 -0
- package/dist/input/input.svelte +41 -0
- package/dist/input/input.svelte.d.ts +7 -0
- package/dist/link/index.d.ts +1 -0
- package/dist/link/index.js +1 -0
- package/dist/link/link.svelte +51 -0
- package/dist/link/link.svelte.d.ts +10 -0
- package/dist/markdown/index.d.ts +25 -0
- package/dist/markdown/index.js +25 -0
- package/dist/markdown/markdown-blockquote.svelte +14 -0
- package/dist/markdown/markdown-blockquote.svelte.d.ts +7 -0
- package/dist/markdown/markdown-br.svelte +12 -0
- package/dist/markdown/markdown-br.svelte.d.ts +7 -0
- package/dist/markdown/markdown-code.svelte +14 -0
- package/dist/markdown/markdown-code.svelte.d.ts +7 -0
- package/dist/markdown/markdown-codespan.svelte +15 -0
- package/dist/markdown/markdown-codespan.svelte.d.ts +7 -0
- package/dist/markdown/markdown-context.svelte.d.ts +26 -0
- package/dist/markdown/markdown-context.svelte.js +30 -0
- package/dist/markdown/markdown-def.svelte +15 -0
- package/dist/markdown/markdown-def.svelte.d.ts +7 -0
- package/dist/markdown/markdown-del.svelte +14 -0
- package/dist/markdown/markdown-del.svelte.d.ts +7 -0
- package/dist/markdown/markdown-em.svelte +14 -0
- package/dist/markdown/markdown-em.svelte.d.ts +7 -0
- package/dist/markdown/markdown-escape.svelte +8 -0
- package/dist/markdown/markdown-escape.svelte.d.ts +5 -0
- package/dist/markdown/markdown-heading.svelte +16 -0
- package/dist/markdown/markdown-heading.svelte.d.ts +7 -0
- package/dist/markdown/markdown-hr.svelte +12 -0
- package/dist/markdown/markdown-hr.svelte.d.ts +7 -0
- package/dist/markdown/markdown-html.svelte +9 -0
- package/dist/markdown/markdown-html.svelte.d.ts +5 -0
- package/dist/markdown/markdown-image.svelte +12 -0
- package/dist/markdown/markdown-image.svelte.d.ts +7 -0
- package/dist/markdown/markdown-link.svelte +15 -0
- package/dist/markdown/markdown-link.svelte.d.ts +7 -0
- package/dist/markdown/markdown-list-item.svelte +14 -0
- package/dist/markdown/markdown-list-item.svelte.d.ts +7 -0
- package/dist/markdown/markdown-list.svelte +19 -0
- package/dist/markdown/markdown-list.svelte.d.ts +7 -0
- package/dist/markdown/markdown-paragraph.svelte +16 -0
- package/dist/markdown/markdown-paragraph.svelte.d.ts +7 -0
- package/dist/markdown/markdown-space.svelte +8 -0
- package/dist/markdown/markdown-space.svelte.d.ts +5 -0
- package/dist/markdown/markdown-strong.svelte +15 -0
- package/dist/markdown/markdown-strong.svelte.d.ts +7 -0
- package/dist/markdown/markdown-table-cell.svelte +16 -0
- package/dist/markdown/markdown-table-cell.svelte.d.ts +7 -0
- package/dist/markdown/markdown-table.svelte +34 -0
- package/dist/markdown/markdown-table.svelte.d.ts +7 -0
- package/dist/markdown/markdown-text.svelte +8 -0
- package/dist/markdown/markdown-text.svelte.d.ts +5 -0
- package/dist/markdown/markdown-token.svelte +25 -0
- package/dist/markdown/markdown-token.svelte.d.ts +7 -0
- package/dist/markdown/markdown-tokens.svelte +13 -0
- package/dist/markdown/markdown-tokens.svelte.d.ts +7 -0
- package/dist/markdown/markdown.svelte +186 -0
- package/dist/markdown/markdown.svelte.d.ts +31 -0
- package/dist/menu/index.d.ts +7 -0
- package/dist/menu/index.js +7 -0
- package/dist/menu/menu-actions.svelte +51 -0
- package/dist/menu/menu-actions.svelte.d.ts +7 -0
- package/dist/menu/menu-content.svelte +47 -0
- package/dist/menu/menu-content.svelte.d.ts +10 -0
- package/dist/menu/menu-context.svelte.d.ts +18 -0
- package/dist/menu/menu-context.svelte.js +118 -0
- package/dist/menu/menu-item.svelte +85 -0
- package/dist/menu/menu-item.svelte.d.ts +11 -0
- package/dist/menu/menu-trigger-button.svelte +31 -0
- package/dist/menu/menu-trigger-button.svelte.d.ts +5 -0
- package/dist/menu/menu-trigger.svelte +42 -0
- package/dist/menu/menu-trigger.svelte.d.ts +10 -0
- package/dist/menu/menu.svelte +29 -0
- package/dist/menu/menu.svelte.d.ts +9 -0
- package/dist/merge-props.d.ts +13 -0
- package/dist/merge-props.js +84 -0
- package/dist/modal/index.d.ts +1 -0
- package/dist/modal/index.js +1 -0
- package/dist/modal/modal.svelte +123 -0
- package/dist/modal/modal.svelte.d.ts +11 -0
- package/dist/ordered-html-elements.d.ts +7 -0
- package/dist/ordered-html-elements.js +29 -0
- package/dist/popover/index.d.ts +1 -0
- package/dist/popover/index.js +1 -0
- package/dist/popover/popover.svelte +184 -0
- package/dist/popover/popover.svelte.d.ts +18 -0
- package/dist/portal/index.d.ts +1 -0
- package/dist/portal/index.js +1 -0
- package/dist/portal/portal.svelte +12 -0
- package/dist/portal/portal.svelte.d.ts +8 -0
- package/dist/portal/proxy.svelte +10 -0
- package/dist/portal/proxy.svelte.d.ts +7 -0
- package/dist/progress/circular-progress.svelte +86 -0
- package/dist/progress/circular-progress.svelte.d.ts +13 -0
- package/dist/progress/index.d.ts +1 -0
- package/dist/progress/index.js +1 -0
- package/dist/shortcut/index.d.ts +2 -0
- package/dist/shortcut/index.js +2 -0
- package/dist/shortcut/shortcut-badge.svelte +41 -0
- package/dist/shortcut/shortcut-badge.svelte.d.ts +11 -0
- package/dist/shortcut/shortcut.d.ts +29 -0
- package/dist/shortcut/shortcut.js +95 -0
- package/dist/toggle/index.d.ts +2 -0
- package/dist/toggle/index.js +2 -0
- package/dist/toggle/toggle-button.svelte +60 -0
- package/dist/toggle/toggle-button.svelte.d.ts +32 -0
- package/dist/toggle/toggle-context.svelte.d.ts +9 -0
- package/dist/toggle/toggle-context.svelte.js +32 -0
- package/dist/toggle/toggle-group.svelte +41 -0
- package/dist/toggle/toggle-group.svelte.d.ts +32 -0
- package/dist/tooltip/index.d.ts +1 -0
- package/dist/tooltip/index.js +1 -0
- package/dist/tooltip/tooltip.svelte +94 -0
- package/dist/tooltip/tooltip.svelte.d.ts +25 -0
- package/dist/utils.d.ts +43 -0
- package/dist/utils.js +72 -0
- package/package.json +76 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Tokens } from "marked";
|
|
3
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
4
|
+
import type { MarkdownComponentProps } from ".";
|
|
5
|
+
|
|
6
|
+
let {
|
|
7
|
+
token,
|
|
8
|
+
children,
|
|
9
|
+
...restProps
|
|
10
|
+
}: MarkdownComponentProps<Tokens.Heading> &
|
|
11
|
+
HTMLAttributes<HTMLHeadingElement> = $props();
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<svelte:element this={`h${token.depth}`} {...restProps}>
|
|
15
|
+
{@render children()}
|
|
16
|
+
</svelte:element>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
type $$ComponentProps = MarkdownComponentProps<Tokens.Heading> & HTMLAttributes<HTMLHeadingElement>;
|
|
5
|
+
declare const MarkdownHeading: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
type MarkdownHeading = ReturnType<typeof MarkdownHeading>;
|
|
7
|
+
export default MarkdownHeading;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Tokens } from "marked";
|
|
3
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
4
|
+
import type { MarkdownComponentProps } from ".";
|
|
5
|
+
|
|
6
|
+
let {
|
|
7
|
+
...restProps
|
|
8
|
+
}: MarkdownComponentProps<Tokens.Hr> & HTMLAttributes<HTMLHRElement> =
|
|
9
|
+
$props();
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<hr {...restProps} />
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
type $$ComponentProps = MarkdownComponentProps<Tokens.Hr> & HTMLAttributes<HTMLHRElement>;
|
|
5
|
+
declare const MarkdownHr: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
type MarkdownHr = ReturnType<typeof MarkdownHr>;
|
|
7
|
+
export default MarkdownHr;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Tokens } from "marked";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
|
|
5
|
+
let { token }: MarkdownComponentProps<Tokens.HTML | Tokens.Tag> = $props();
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
|
|
9
|
+
{@html token.text}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { MarkdownComponentProps } from ".";
|
|
3
|
+
declare const MarkdownHtml: import("svelte").Component<MarkdownComponentProps<Tokens.HTML | Tokens.Tag>, {}, "">;
|
|
4
|
+
type MarkdownHtml = ReturnType<typeof MarkdownHtml>;
|
|
5
|
+
export default MarkdownHtml;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Tokens } from "marked";
|
|
3
|
+
import type { HTMLImgAttributes } from "svelte/elements";
|
|
4
|
+
import type { MarkdownComponentProps } from ".";
|
|
5
|
+
|
|
6
|
+
let {
|
|
7
|
+
token,
|
|
8
|
+
...restProps
|
|
9
|
+
}: MarkdownComponentProps<Tokens.Image> & HTMLImgAttributes = $props();
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<img src={token.href} title={token.title} alt={token.text} {...restProps} />
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { HTMLImgAttributes } from "svelte/elements";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
type $$ComponentProps = MarkdownComponentProps<Tokens.Image> & HTMLImgAttributes;
|
|
5
|
+
declare const MarkdownImage: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
type MarkdownImage = ReturnType<typeof MarkdownImage>;
|
|
7
|
+
export default MarkdownImage;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Tokens } from "marked";
|
|
3
|
+
import type { HTMLAnchorAttributes } from "svelte/elements";
|
|
4
|
+
import type { MarkdownComponentProps } from ".";
|
|
5
|
+
|
|
6
|
+
let {
|
|
7
|
+
token,
|
|
8
|
+
children,
|
|
9
|
+
...restProps
|
|
10
|
+
}: MarkdownComponentProps<Tokens.Link> & HTMLAnchorAttributes = $props();
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<a href={token.href} title={token.title} {...restProps}>
|
|
14
|
+
{@render children()}
|
|
15
|
+
</a>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { HTMLAnchorAttributes } from "svelte/elements";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
type $$ComponentProps = MarkdownComponentProps<Tokens.Link> & HTMLAnchorAttributes;
|
|
5
|
+
declare const MarkdownLink: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
type MarkdownLink = ReturnType<typeof MarkdownLink>;
|
|
7
|
+
export default MarkdownLink;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Tokens } from "marked";
|
|
3
|
+
import type { HTMLLiAttributes } from "svelte/elements";
|
|
4
|
+
import type { MarkdownComponentProps } from ".";
|
|
5
|
+
|
|
6
|
+
let {
|
|
7
|
+
children,
|
|
8
|
+
...restProps
|
|
9
|
+
}: MarkdownComponentProps<Tokens.ListItem> & HTMLLiAttributes = $props();
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<li {...restProps}>
|
|
13
|
+
{@render children()}
|
|
14
|
+
</li>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { HTMLLiAttributes } from "svelte/elements";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
type $$ComponentProps = MarkdownComponentProps<Tokens.ListItem> & HTMLLiAttributes;
|
|
5
|
+
declare const MarkdownListItem: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
type MarkdownListItem = ReturnType<typeof MarkdownListItem>;
|
|
7
|
+
export default MarkdownListItem;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Tokens } from "marked";
|
|
3
|
+
import type { HTMLOlAttributes } from "svelte/elements";
|
|
4
|
+
import type { MarkdownComponentProps } from ".";
|
|
5
|
+
import MarkdownTokens from "./markdown-tokens.svelte";
|
|
6
|
+
|
|
7
|
+
let {
|
|
8
|
+
token,
|
|
9
|
+
...restProps
|
|
10
|
+
}: MarkdownComponentProps<Tokens.List> & HTMLOlAttributes = $props();
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<svelte:element
|
|
14
|
+
this={token.ordered ? "ol" : "ul"}
|
|
15
|
+
start={token.start || 1}
|
|
16
|
+
{...restProps}
|
|
17
|
+
>
|
|
18
|
+
<MarkdownTokens tokens={token.items} />
|
|
19
|
+
</svelte:element>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { HTMLOlAttributes } from "svelte/elements";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
type $$ComponentProps = MarkdownComponentProps<Tokens.List> & HTMLOlAttributes;
|
|
5
|
+
declare const MarkdownList: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
type MarkdownList = ReturnType<typeof MarkdownList>;
|
|
7
|
+
export default MarkdownList;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Tokens } from "marked";
|
|
3
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
4
|
+
import type { MarkdownComponentProps } from ".";
|
|
5
|
+
|
|
6
|
+
let {
|
|
7
|
+
children,
|
|
8
|
+
token: _token,
|
|
9
|
+
...restProps
|
|
10
|
+
}: MarkdownComponentProps<Tokens.Paragraph> &
|
|
11
|
+
HTMLAttributes<HTMLParagraphElement> = $props();
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<p {...restProps}>
|
|
15
|
+
{@render children()}
|
|
16
|
+
</p>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
type $$ComponentProps = MarkdownComponentProps<Tokens.Paragraph> & HTMLAttributes<HTMLParagraphElement>;
|
|
5
|
+
declare const MarkdownParagraph: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
type MarkdownParagraph = ReturnType<typeof MarkdownParagraph>;
|
|
7
|
+
export default MarkdownParagraph;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { MarkdownComponentProps } from ".";
|
|
3
|
+
declare const MarkdownSpace: import("svelte").Component<MarkdownComponentProps<Tokens.Space>, {}, "">;
|
|
4
|
+
type MarkdownSpace = ReturnType<typeof MarkdownSpace>;
|
|
5
|
+
export default MarkdownSpace;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Tokens } from "marked";
|
|
3
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
4
|
+
import type { MarkdownComponentProps } from ".";
|
|
5
|
+
|
|
6
|
+
let {
|
|
7
|
+
children,
|
|
8
|
+
...restProps
|
|
9
|
+
}: MarkdownComponentProps<Tokens.Strong> & HTMLAttributes<HTMLElement> =
|
|
10
|
+
$props();
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<strong {...restProps}>
|
|
14
|
+
{@render children()}
|
|
15
|
+
</strong>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
type $$ComponentProps = MarkdownComponentProps<Tokens.Strong> & HTMLAttributes<HTMLElement>;
|
|
5
|
+
declare const MarkdownStrong: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
type MarkdownStrong = ReturnType<typeof MarkdownStrong>;
|
|
7
|
+
export default MarkdownStrong;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { MarkedToken, Tokens } from "marked";
|
|
3
|
+
import type { HTMLTdAttributes, HTMLThAttributes } from "svelte/elements";
|
|
4
|
+
import type { MarkdownComponentProps } from ".";
|
|
5
|
+
import MarkdownTokens from "./markdown-tokens.svelte";
|
|
6
|
+
|
|
7
|
+
let {
|
|
8
|
+
token,
|
|
9
|
+
...restProps
|
|
10
|
+
}: MarkdownComponentProps<Tokens.TableCell> &
|
|
11
|
+
(HTMLThAttributes | HTMLTdAttributes) = $props();
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<svelte:element this={token.header ? "th" : "td"} {...restProps}>
|
|
15
|
+
<MarkdownTokens tokens={token.tokens as MarkedToken[]} />
|
|
16
|
+
</svelte:element>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { HTMLTdAttributes, HTMLThAttributes } from "svelte/elements";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
type $$ComponentProps = MarkdownComponentProps<Tokens.TableCell> & (HTMLThAttributes | HTMLTdAttributes);
|
|
5
|
+
declare const MarkdownTableCell: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
type MarkdownTableCell = ReturnType<typeof MarkdownTableCell>;
|
|
7
|
+
export default MarkdownTableCell;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Tokens } from "marked";
|
|
3
|
+
import type { HTMLTableAttributes } from "svelte/elements";
|
|
4
|
+
import type { MarkdownComponentProps } from ".";
|
|
5
|
+
import { getMarkdownContext } from ".";
|
|
6
|
+
|
|
7
|
+
let {
|
|
8
|
+
token,
|
|
9
|
+
...restProps
|
|
10
|
+
}: MarkdownComponentProps<Tokens.Table> & HTMLTableAttributes = $props();
|
|
11
|
+
|
|
12
|
+
const ctx = getMarkdownContext();
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
{#snippet children()}{/snippet}
|
|
16
|
+
|
|
17
|
+
<table {...restProps}>
|
|
18
|
+
<thead>
|
|
19
|
+
<tr>
|
|
20
|
+
{#each token.header as item (item)}
|
|
21
|
+
{@render ctx.tableCellRenderer({ token: item, children })}
|
|
22
|
+
{/each}
|
|
23
|
+
</tr>
|
|
24
|
+
</thead>
|
|
25
|
+
<tbody>
|
|
26
|
+
{#each token.rows as row (row)}
|
|
27
|
+
<tr>
|
|
28
|
+
{#each row as cell (cell)}
|
|
29
|
+
{@render ctx.tableCellRenderer({ token: cell, children })}
|
|
30
|
+
{/each}
|
|
31
|
+
</tr>
|
|
32
|
+
{/each}
|
|
33
|
+
</tbody>
|
|
34
|
+
</table>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { HTMLTableAttributes } from "svelte/elements";
|
|
3
|
+
import type { MarkdownComponentProps } from ".";
|
|
4
|
+
type $$ComponentProps = MarkdownComponentProps<Tokens.Table> & HTMLTableAttributes;
|
|
5
|
+
declare const MarkdownTable: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
type MarkdownTable = ReturnType<typeof MarkdownTable>;
|
|
7
|
+
export default MarkdownTable;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { Tokens } from "marked";
|
|
2
|
+
import type { MarkdownComponentProps } from ".";
|
|
3
|
+
declare const MarkdownText: import("svelte").Component<MarkdownComponentProps<Tokens.Text>, {}, "">;
|
|
4
|
+
type MarkdownText = ReturnType<typeof MarkdownText>;
|
|
5
|
+
export default MarkdownText;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { type MarkedToken } from "marked";
|
|
3
|
+
import { getMarkdownContext, MarkdownTokens } from ".";
|
|
4
|
+
|
|
5
|
+
export type MarkdownTokenProps = {
|
|
6
|
+
token: MarkedToken;
|
|
7
|
+
};
|
|
8
|
+
let { token }: MarkdownTokenProps = $props();
|
|
9
|
+
|
|
10
|
+
const ctx = getMarkdownContext();
|
|
11
|
+
|
|
12
|
+
let renderer = ctx.getRenderer(token.type);
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
{#snippet children()}
|
|
16
|
+
{#if "tokens" in token && token["tokens"]}
|
|
17
|
+
<MarkdownTokens tokens={token["tokens"] as MarkedToken[]} />
|
|
18
|
+
{:else}
|
|
19
|
+
{token.raw}
|
|
20
|
+
{/if}
|
|
21
|
+
{/snippet}
|
|
22
|
+
|
|
23
|
+
{#if renderer}
|
|
24
|
+
{@render renderer({ token, children })}
|
|
25
|
+
{/if}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type MarkedToken } from "marked";
|
|
2
|
+
export type MarkdownTokenProps = {
|
|
3
|
+
token: MarkedToken;
|
|
4
|
+
};
|
|
5
|
+
declare const MarkdownToken: import("svelte").Component<MarkdownTokenProps, {}, "">;
|
|
6
|
+
type MarkdownToken = ReturnType<typeof MarkdownToken>;
|
|
7
|
+
export default MarkdownToken;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { MarkedToken } from "marked";
|
|
3
|
+
import { MarkdownToken } from ".";
|
|
4
|
+
|
|
5
|
+
export type MarkdownTokensProps = {
|
|
6
|
+
tokens: MarkedToken[];
|
|
7
|
+
};
|
|
8
|
+
let { tokens }: MarkdownTokensProps = $props();
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
{#each tokens as token (token)}
|
|
12
|
+
<MarkdownToken {token} />
|
|
13
|
+
{/each}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { MarkedToken } from "marked";
|
|
2
|
+
export type MarkdownTokensProps = {
|
|
3
|
+
tokens: MarkedToken[];
|
|
4
|
+
};
|
|
5
|
+
declare const MarkdownTokens: import("svelte").Component<MarkdownTokensProps, {}, "">;
|
|
6
|
+
type MarkdownTokens = ReturnType<typeof MarkdownTokens>;
|
|
7
|
+
export default MarkdownTokens;
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import {
|
|
3
|
+
Lexer,
|
|
4
|
+
type MarkedOptions,
|
|
5
|
+
type MarkedToken,
|
|
6
|
+
type Tokens,
|
|
7
|
+
} from "marked";
|
|
8
|
+
import type { Snippet } from "svelte";
|
|
9
|
+
import {
|
|
10
|
+
MarkdownBlockquote,
|
|
11
|
+
MarkdownBr,
|
|
12
|
+
MarkdownCode,
|
|
13
|
+
MarkdownCodespan,
|
|
14
|
+
MarkdownContext,
|
|
15
|
+
MarkdownDef,
|
|
16
|
+
MarkdownDel,
|
|
17
|
+
MarkdownEm,
|
|
18
|
+
MarkdownEscape,
|
|
19
|
+
MarkdownHeading,
|
|
20
|
+
MarkdownHr,
|
|
21
|
+
MarkdownHtml,
|
|
22
|
+
MarkdownImage,
|
|
23
|
+
MarkdownLink,
|
|
24
|
+
MarkdownList,
|
|
25
|
+
MarkdownListItem,
|
|
26
|
+
MarkdownParagraph,
|
|
27
|
+
MarkdownSpace,
|
|
28
|
+
MarkdownStrong,
|
|
29
|
+
MarkdownTable,
|
|
30
|
+
MarkdownTableCell,
|
|
31
|
+
MarkdownText,
|
|
32
|
+
MarkdownTokens,
|
|
33
|
+
setMarkdownContext,
|
|
34
|
+
type MarkdownComponentProps,
|
|
35
|
+
} from ".";
|
|
36
|
+
|
|
37
|
+
export type MarkdownProps = {
|
|
38
|
+
value: string;
|
|
39
|
+
options?: MarkedOptions;
|
|
40
|
+
blockquote?: Snippet<[MarkdownComponentProps<Tokens.Blockquote>]>;
|
|
41
|
+
br?: Snippet<[MarkdownComponentProps<Tokens.Br>]>;
|
|
42
|
+
code?: Snippet<[MarkdownComponentProps<Tokens.Code>]>;
|
|
43
|
+
codespan?: Snippet<[MarkdownComponentProps<Tokens.Codespan>]>;
|
|
44
|
+
def?: Snippet<[MarkdownComponentProps<Tokens.Def>]>;
|
|
45
|
+
del?: Snippet<[MarkdownComponentProps<Tokens.Del>]>;
|
|
46
|
+
em?: Snippet<[MarkdownComponentProps<Tokens.Em>]>;
|
|
47
|
+
escape?: Snippet<[MarkdownComponentProps<Tokens.Escape>]>;
|
|
48
|
+
heading?: Snippet<[MarkdownComponentProps<Tokens.Heading>]>;
|
|
49
|
+
hr?: Snippet<[MarkdownComponentProps<Tokens.Hr>]>;
|
|
50
|
+
html?: Snippet<[MarkdownComponentProps<Tokens.HTML | Tokens.Tag>]>;
|
|
51
|
+
image?: Snippet<[MarkdownComponentProps<Tokens.Image>]>;
|
|
52
|
+
link?: Snippet<[MarkdownComponentProps<Tokens.Link>]>;
|
|
53
|
+
listItem?: Snippet<[MarkdownComponentProps<Tokens.ListItem>]>;
|
|
54
|
+
list?: Snippet<[MarkdownComponentProps<Tokens.List>]>;
|
|
55
|
+
paragraph?: Snippet<[MarkdownComponentProps<Tokens.Paragraph>]>;
|
|
56
|
+
space?: Snippet<[MarkdownComponentProps<Tokens.Space>]>;
|
|
57
|
+
strong?: Snippet<[MarkdownComponentProps<Tokens.Strong>]>;
|
|
58
|
+
tableCell?: Snippet<[MarkdownComponentProps<Tokens.TableCell>]>;
|
|
59
|
+
table?: Snippet<[MarkdownComponentProps<Tokens.Table>]>;
|
|
60
|
+
text?: Snippet<[MarkdownComponentProps<Tokens.Text>]>;
|
|
61
|
+
};
|
|
62
|
+
</script>
|
|
63
|
+
|
|
64
|
+
<script lang="ts">
|
|
65
|
+
let {
|
|
66
|
+
value,
|
|
67
|
+
options = {},
|
|
68
|
+
blockquote = defaultBlockquote,
|
|
69
|
+
br = defaultBr,
|
|
70
|
+
code = defaultCode,
|
|
71
|
+
codespan = defaultCodespan,
|
|
72
|
+
def = defaultDef,
|
|
73
|
+
del = defaultDel,
|
|
74
|
+
em = defaultEm,
|
|
75
|
+
escape = defaultEscape,
|
|
76
|
+
heading = defaultHeading,
|
|
77
|
+
hr = defaultHr,
|
|
78
|
+
html = defaultHtml,
|
|
79
|
+
image = defaultImage,
|
|
80
|
+
link = defaultLink,
|
|
81
|
+
listItem = defaultListItem,
|
|
82
|
+
list = defaultList,
|
|
83
|
+
paragraph = defaultParagraph,
|
|
84
|
+
space = defaultSpace,
|
|
85
|
+
strong = defaultStrong,
|
|
86
|
+
tableCell = defaultTableCell,
|
|
87
|
+
table = defaultTable,
|
|
88
|
+
text = defaultText,
|
|
89
|
+
}: MarkdownProps = $props();
|
|
90
|
+
|
|
91
|
+
setMarkdownContext(
|
|
92
|
+
new MarkdownContext(
|
|
93
|
+
{
|
|
94
|
+
blockquote,
|
|
95
|
+
br,
|
|
96
|
+
code,
|
|
97
|
+
codespan,
|
|
98
|
+
def,
|
|
99
|
+
del,
|
|
100
|
+
em,
|
|
101
|
+
escape,
|
|
102
|
+
heading,
|
|
103
|
+
hr,
|
|
104
|
+
html,
|
|
105
|
+
image,
|
|
106
|
+
link,
|
|
107
|
+
list_item: listItem,
|
|
108
|
+
list,
|
|
109
|
+
paragraph,
|
|
110
|
+
space,
|
|
111
|
+
strong,
|
|
112
|
+
table,
|
|
113
|
+
text,
|
|
114
|
+
},
|
|
115
|
+
tableCell,
|
|
116
|
+
),
|
|
117
|
+
);
|
|
118
|
+
|
|
119
|
+
let tokens = $derived(Lexer.lex(value, options) as MarkedToken[]);
|
|
120
|
+
</script>
|
|
121
|
+
|
|
122
|
+
{#snippet defaultBlockquote(props: MarkdownComponentProps<Tokens.Blockquote>)}
|
|
123
|
+
<MarkdownBlockquote {...props} />
|
|
124
|
+
{/snippet}
|
|
125
|
+
{#snippet defaultBr(props: MarkdownComponentProps<Tokens.Br>)}
|
|
126
|
+
<MarkdownBr {...props} />
|
|
127
|
+
{/snippet}
|
|
128
|
+
{#snippet defaultCode(props: MarkdownComponentProps<Tokens.Code>)}
|
|
129
|
+
<MarkdownCode {...props} />
|
|
130
|
+
{/snippet}
|
|
131
|
+
{#snippet defaultCodespan(props: MarkdownComponentProps<Tokens.Codespan>)}
|
|
132
|
+
<MarkdownCodespan {...props} />
|
|
133
|
+
{/snippet}
|
|
134
|
+
{#snippet defaultDef(props: MarkdownComponentProps<Tokens.Def>)}
|
|
135
|
+
<MarkdownDef {...props} />
|
|
136
|
+
{/snippet}
|
|
137
|
+
{#snippet defaultDel(props: MarkdownComponentProps<Tokens.Del>)}
|
|
138
|
+
<MarkdownDel {...props} />
|
|
139
|
+
{/snippet}
|
|
140
|
+
{#snippet defaultEm(props: MarkdownComponentProps<Tokens.Em>)}
|
|
141
|
+
<MarkdownEm {...props} />
|
|
142
|
+
{/snippet}
|
|
143
|
+
{#snippet defaultEscape(props: MarkdownComponentProps<Tokens.Escape>)}
|
|
144
|
+
<MarkdownEscape {...props} />
|
|
145
|
+
{/snippet}
|
|
146
|
+
{#snippet defaultHeading(props: MarkdownComponentProps<Tokens.Heading>)}
|
|
147
|
+
<MarkdownHeading {...props} />
|
|
148
|
+
{/snippet}
|
|
149
|
+
{#snippet defaultHr(props: MarkdownComponentProps<Tokens.Hr>)}
|
|
150
|
+
<MarkdownHr {...props} />
|
|
151
|
+
{/snippet}
|
|
152
|
+
{#snippet defaultHtml(props: MarkdownComponentProps<Tokens.HTML | Tokens.Tag>)}
|
|
153
|
+
<MarkdownHtml {...props} />
|
|
154
|
+
{/snippet}
|
|
155
|
+
{#snippet defaultImage(props: MarkdownComponentProps<Tokens.Image>)}
|
|
156
|
+
<MarkdownImage {...props} />
|
|
157
|
+
{/snippet}
|
|
158
|
+
{#snippet defaultLink(props: MarkdownComponentProps<Tokens.Link>)}
|
|
159
|
+
<MarkdownLink {...props} />
|
|
160
|
+
{/snippet}
|
|
161
|
+
{#snippet defaultListItem(props: MarkdownComponentProps<Tokens.ListItem>)}
|
|
162
|
+
<MarkdownListItem {...props} />
|
|
163
|
+
{/snippet}
|
|
164
|
+
{#snippet defaultList(props: MarkdownComponentProps<Tokens.List>)}
|
|
165
|
+
<MarkdownList {...props} />
|
|
166
|
+
{/snippet}
|
|
167
|
+
{#snippet defaultParagraph(props: MarkdownComponentProps<Tokens.Paragraph>)}
|
|
168
|
+
<MarkdownParagraph {...props} />
|
|
169
|
+
{/snippet}
|
|
170
|
+
{#snippet defaultSpace(props: MarkdownComponentProps<Tokens.Space>)}
|
|
171
|
+
<MarkdownSpace {...props} />
|
|
172
|
+
{/snippet}
|
|
173
|
+
{#snippet defaultStrong(props: MarkdownComponentProps<Tokens.Strong>)}
|
|
174
|
+
<MarkdownStrong {...props} />
|
|
175
|
+
{/snippet}
|
|
176
|
+
{#snippet defaultTable(props: MarkdownComponentProps<Tokens.Table>)}
|
|
177
|
+
<MarkdownTable {...props} />
|
|
178
|
+
{/snippet}
|
|
179
|
+
{#snippet defaultTableCell(props: MarkdownComponentProps<Tokens.TableCell>)}
|
|
180
|
+
<MarkdownTableCell {...props} />
|
|
181
|
+
{/snippet}
|
|
182
|
+
{#snippet defaultText(props: MarkdownComponentProps<Tokens.Text>)}
|
|
183
|
+
<MarkdownText {...props} />
|
|
184
|
+
{/snippet}
|
|
185
|
+
|
|
186
|
+
<MarkdownTokens {tokens} />
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { type MarkedOptions, type Tokens } from "marked";
|
|
2
|
+
import type { Snippet } from "svelte";
|
|
3
|
+
import { type MarkdownComponentProps } from ".";
|
|
4
|
+
export type MarkdownProps = {
|
|
5
|
+
value: string;
|
|
6
|
+
options?: MarkedOptions;
|
|
7
|
+
blockquote?: Snippet<[MarkdownComponentProps<Tokens.Blockquote>]>;
|
|
8
|
+
br?: Snippet<[MarkdownComponentProps<Tokens.Br>]>;
|
|
9
|
+
code?: Snippet<[MarkdownComponentProps<Tokens.Code>]>;
|
|
10
|
+
codespan?: Snippet<[MarkdownComponentProps<Tokens.Codespan>]>;
|
|
11
|
+
def?: Snippet<[MarkdownComponentProps<Tokens.Def>]>;
|
|
12
|
+
del?: Snippet<[MarkdownComponentProps<Tokens.Del>]>;
|
|
13
|
+
em?: Snippet<[MarkdownComponentProps<Tokens.Em>]>;
|
|
14
|
+
escape?: Snippet<[MarkdownComponentProps<Tokens.Escape>]>;
|
|
15
|
+
heading?: Snippet<[MarkdownComponentProps<Tokens.Heading>]>;
|
|
16
|
+
hr?: Snippet<[MarkdownComponentProps<Tokens.Hr>]>;
|
|
17
|
+
html?: Snippet<[MarkdownComponentProps<Tokens.HTML | Tokens.Tag>]>;
|
|
18
|
+
image?: Snippet<[MarkdownComponentProps<Tokens.Image>]>;
|
|
19
|
+
link?: Snippet<[MarkdownComponentProps<Tokens.Link>]>;
|
|
20
|
+
listItem?: Snippet<[MarkdownComponentProps<Tokens.ListItem>]>;
|
|
21
|
+
list?: Snippet<[MarkdownComponentProps<Tokens.List>]>;
|
|
22
|
+
paragraph?: Snippet<[MarkdownComponentProps<Tokens.Paragraph>]>;
|
|
23
|
+
space?: Snippet<[MarkdownComponentProps<Tokens.Space>]>;
|
|
24
|
+
strong?: Snippet<[MarkdownComponentProps<Tokens.Strong>]>;
|
|
25
|
+
tableCell?: Snippet<[MarkdownComponentProps<Tokens.TableCell>]>;
|
|
26
|
+
table?: Snippet<[MarkdownComponentProps<Tokens.Table>]>;
|
|
27
|
+
text?: Snippet<[MarkdownComponentProps<Tokens.Text>]>;
|
|
28
|
+
};
|
|
29
|
+
declare const Markdown: import("svelte").Component<MarkdownProps, {}, "">;
|
|
30
|
+
type Markdown = ReturnType<typeof Markdown>;
|
|
31
|
+
export default Markdown;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Divider as MenuDivider, Header as MenuHeader } from "../common";
|
|
2
|
+
export { default as MenuActions, type MenuActionsProps, } from "./menu-actions.svelte";
|
|
3
|
+
export { default as MenuContent, type MenuContentProps, } from "./menu-content.svelte";
|
|
4
|
+
export { default as MenuItem, type MenuItemProps } from "./menu-item.svelte";
|
|
5
|
+
export { default as MenuTriggerButton, type MenuTriggerButtonProps, } from "./menu-trigger-button.svelte";
|
|
6
|
+
export { default as MenuTrigger, type MenuTriggerProps, } from "./menu-trigger.svelte";
|
|
7
|
+
export { default as Menu, type MenuProps } from "./menu.svelte";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Divider as MenuDivider, Header as MenuHeader } from "../common";
|
|
2
|
+
export { default as MenuActions, } from "./menu-actions.svelte";
|
|
3
|
+
export { default as MenuContent, } from "./menu-content.svelte";
|
|
4
|
+
export { default as MenuItem } from "./menu-item.svelte";
|
|
5
|
+
export { default as MenuTriggerButton, } from "./menu-trigger-button.svelte";
|
|
6
|
+
export { default as MenuTrigger, } from "./menu-trigger.svelte";
|
|
7
|
+
export { default as Menu } from "./menu.svelte";
|