@sveltia/ui 0.25.6 → 0.25.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/dist/components/alert/alert.svelte +7 -3
- package/dist/components/alert/alert.svelte.d.ts +11 -10
- package/dist/components/alert/infobar.svelte +9 -5
- package/dist/components/alert/infobar.svelte.d.ts +15 -14
- package/dist/components/button/button-group.svelte +6 -2
- package/dist/components/button/button-group.svelte.d.ts +7 -6
- package/dist/components/button/button.svelte +5 -2
- package/dist/components/button/button.svelte.d.ts +2 -1
- package/dist/components/button/select-button-group.svelte +12 -8
- package/dist/components/button/select-button-group.svelte.d.ts +19 -18
- package/dist/components/button/select-button.svelte +6 -3
- package/dist/components/button/select-button.svelte.d.ts +4 -3
- package/dist/components/button/split-button.svelte +10 -7
- package/dist/components/button/split-button.svelte.d.ts +18 -17
- package/dist/components/calendar/calendar.svelte +1 -1
- package/dist/components/calendar/calendar.svelte.d.ts +2 -2
- package/dist/components/checkbox/checkbox-group.svelte +9 -5
- package/dist/components/checkbox/checkbox-group.svelte.d.ts +13 -12
- package/dist/components/checkbox/checkbox.svelte +13 -9
- package/dist/components/checkbox/checkbox.svelte.d.ts +19 -17
- package/dist/components/dialog/alert-dialog.svelte +5 -2
- package/dist/components/dialog/alert-dialog.svelte.d.ts +3 -1
- package/dist/components/dialog/confirmation-dialog.svelte +5 -2
- package/dist/components/dialog/confirmation-dialog.svelte.d.ts +3 -1
- package/dist/components/dialog/dialog.svelte +5 -2
- package/dist/components/dialog/dialog.svelte.d.ts +3 -1
- package/dist/components/dialog/prompt-dialog.svelte +16 -7
- package/dist/components/dialog/prompt-dialog.svelte.d.ts +17 -13
- package/dist/components/disclosure/disclosure.svelte +12 -8
- package/dist/components/disclosure/disclosure.svelte.d.ts +21 -20
- package/dist/components/divider/divider.svelte +3 -3
- package/dist/components/divider/divider.svelte.d.ts +6 -6
- package/dist/components/divider/spacer.svelte +2 -2
- package/dist/components/divider/spacer.svelte.d.ts +4 -4
- package/dist/components/drawer/drawer.svelte +18 -13
- package/dist/components/drawer/drawer.svelte.d.ts +39 -37
- package/dist/components/grid/grid-body.svelte +7 -3
- package/dist/components/grid/grid-body.svelte.d.ts +9 -8
- package/dist/components/grid/grid-cell.svelte +6 -2
- package/dist/components/grid/grid-cell.svelte.d.ts +7 -6
- package/dist/components/grid/grid-col-header.svelte +6 -2
- package/dist/components/grid/grid-col-header.svelte.d.ts +7 -6
- package/dist/components/grid/grid-foot.svelte +6 -2
- package/dist/components/grid/grid-foot.svelte.d.ts +7 -6
- package/dist/components/grid/grid-head.svelte +6 -2
- package/dist/components/grid/grid-head.svelte.d.ts +7 -6
- package/dist/components/grid/grid-row-header.svelte +6 -2
- package/dist/components/grid/grid-row-header.svelte.d.ts +7 -6
- package/dist/components/grid/grid-row.svelte +9 -5
- package/dist/components/grid/grid-row.svelte.d.ts +13 -12
- package/dist/components/grid/grid.svelte +10 -6
- package/dist/components/grid/grid.svelte.d.ts +15 -14
- package/dist/components/icon/icon.svelte +2 -2
- package/dist/components/icon/icon.svelte.d.ts +4 -4
- package/dist/components/listbox/listbox.svelte +18 -13
- package/dist/components/listbox/listbox.svelte.d.ts +27 -26
- package/dist/components/listbox/option-group.svelte +9 -5
- package/dist/components/listbox/option-group.svelte.d.ts +13 -12
- package/dist/components/listbox/option.svelte +12 -8
- package/dist/components/listbox/option.svelte.d.ts +17 -15
- package/dist/components/menu/menu-button.svelte +7 -4
- package/dist/components/menu/menu-button.svelte.d.ts +6 -5
- package/dist/components/menu/menu-item-checkbox.svelte +5 -2
- package/dist/components/menu/menu-item-checkbox.svelte.d.ts +3 -1
- package/dist/components/menu/menu-item-group.svelte +9 -5
- package/dist/components/menu/menu-item-group.svelte.d.ts +8 -8
- package/dist/components/menu/menu-item-radio.svelte +5 -2
- package/dist/components/menu/menu-item-radio.svelte.d.ts +3 -1
- package/dist/components/menu/menu-item.svelte +5 -2
- package/dist/components/menu/menu-item.svelte.d.ts +3 -1
- package/dist/components/menu/menu.svelte +9 -5
- package/dist/components/menu/menu.svelte.d.ts +13 -12
- package/dist/components/progressbar/progressbar.svelte +5 -5
- package/dist/components/progressbar/progressbar.svelte.d.ts +10 -10
- package/dist/components/radio/radio-group.svelte +13 -9
- package/dist/components/radio/radio-group.svelte.d.ts +21 -20
- package/dist/components/radio/radio.svelte +15 -11
- package/dist/components/radio/radio.svelte.d.ts +27 -26
- package/dist/components/select/combobox.svelte +6 -3
- package/dist/components/select/combobox.svelte.d.ts +3 -1
- package/dist/components/select/select-tags.svelte +16 -13
- package/dist/components/select/select-tags.svelte.d.ts +27 -28
- package/dist/components/select/select.svelte +5 -1
- package/dist/components/select/select.svelte.d.ts +2 -1
- package/dist/components/slider/slider.svelte +27 -25
- package/dist/components/slider/slider.svelte.d.ts +35 -34
- package/dist/components/switch/switch.svelte +13 -9
- package/dist/components/switch/switch.svelte.d.ts +21 -20
- package/dist/components/table/table-body.svelte +7 -3
- package/dist/components/table/table-body.svelte.d.ts +9 -8
- package/dist/components/table/table-cell.svelte +6 -2
- package/dist/components/table/table-cell.svelte.d.ts +7 -6
- package/dist/components/table/table-col-header.svelte +6 -2
- package/dist/components/table/table-col-header.svelte.d.ts +7 -6
- package/dist/components/table/table-foot.svelte +6 -2
- package/dist/components/table/table-foot.svelte.d.ts +7 -6
- package/dist/components/table/table-head.svelte +6 -2
- package/dist/components/table/table-head.svelte.d.ts +7 -6
- package/dist/components/table/table-row-header.svelte +6 -2
- package/dist/components/table/table-row-header.svelte.d.ts +7 -6
- package/dist/components/table/table-row.svelte +6 -2
- package/dist/components/table/table-row.svelte.d.ts +7 -6
- package/dist/components/table/table.svelte +6 -2
- package/dist/components/table/table.svelte.d.ts +7 -6
- package/dist/components/tabs/tab-box.svelte +7 -3
- package/dist/components/tabs/tab-box.svelte.d.ts +9 -8
- package/dist/components/tabs/tab-list.svelte +12 -8
- package/dist/components/tabs/tab-list.svelte.d.ts +19 -18
- package/dist/components/tabs/tab-panel.svelte +6 -2
- package/dist/components/tabs/tab-panel.svelte.d.ts +7 -6
- package/dist/components/tabs/tab-panels.svelte +6 -2
- package/dist/components/tabs/tab-panels.svelte.d.ts +7 -6
- package/dist/components/tabs/tab.svelte +6 -3
- package/dist/components/tabs/tab.svelte.d.ts +4 -3
- package/dist/components/text-editor/code-editor.svelte +16 -13
- package/dist/components/text-editor/code-editor.svelte.d.ts +25 -24
- package/dist/components/text-editor/core.d.ts +5 -3
- package/dist/components/text-editor/core.js +21 -11
- package/dist/components/text-editor/index.d.ts +12 -6
- package/dist/components/text-editor/index.js +7 -3
- package/dist/components/text-editor/lexical-root.svelte +25 -28
- package/dist/components/text-editor/lexical-root.svelte.d.ts +17 -16
- package/dist/components/text-editor/store.svelte.d.ts +2 -1
- package/dist/components/text-editor/store.svelte.js +9 -4
- package/dist/components/text-editor/text-editor.svelte +23 -16
- package/dist/components/text-editor/text-editor.svelte.d.ts +37 -32
- package/dist/components/text-editor/toolbar/code-editor-toolbar.svelte +3 -3
- package/dist/components/text-editor/toolbar/code-editor-toolbar.svelte.d.ts +6 -6
- package/dist/components/text-editor/toolbar/code-language-switcher.svelte +6 -2
- package/dist/components/text-editor/toolbar/code-language-switcher.svelte.d.ts +2 -2
- package/dist/components/text-editor/toolbar/format-text-button.svelte +6 -2
- package/dist/components/text-editor/toolbar/format-text-button.svelte.d.ts +5 -4
- package/dist/components/text-editor/toolbar/insert-image-button.svelte +6 -2
- package/dist/components/text-editor/toolbar/insert-image-button.svelte.d.ts +5 -4
- package/dist/components/text-editor/toolbar/insert-link-button.svelte +9 -4
- package/dist/components/text-editor/toolbar/insert-menu-button.svelte +6 -2
- package/dist/components/text-editor/toolbar/insert-menu-button.svelte.d.ts +5 -4
- package/dist/components/text-editor/toolbar/text-editor-toolbar.svelte +10 -6
- package/dist/components/text-editor/toolbar/text-editor-toolbar.svelte.d.ts +6 -6
- package/dist/components/text-editor/toolbar/toggle-block-menu-item.svelte +8 -5
- package/dist/components/text-editor/toolbar/toggle-block-menu-item.svelte.d.ts +5 -4
- package/dist/components/text-editor/toolbar/toolbar-wrapper.svelte +7 -3
- package/dist/components/text-editor/toolbar/toolbar-wrapper.svelte.d.ts +9 -8
- package/dist/components/text-editor/transformers/table.d.ts +3 -2
- package/dist/components/text-editor/transformers/table.js +5 -1
- package/dist/components/text-field/number-input.svelte +12 -8
- package/dist/components/text-field/number-input.svelte.d.ts +20 -17
- package/dist/components/text-field/password-input.svelte +8 -4
- package/dist/components/text-field/password-input.svelte.d.ts +10 -7
- package/dist/components/text-field/search-bar.svelte +9 -5
- package/dist/components/text-field/search-bar.svelte.d.ts +14 -11
- package/dist/components/text-field/text-area.svelte +18 -14
- package/dist/components/text-field/text-area.svelte.d.ts +29 -27
- package/dist/components/text-field/text-input.svelte +7 -3
- package/dist/components/text-field/text-input.svelte.d.ts +5 -3
- package/dist/components/toast/toast.svelte +10 -5
- package/dist/components/toast/toast.svelte.d.ts +16 -14
- package/dist/components/toolbar/toolbar.svelte +11 -7
- package/dist/components/toolbar/toolbar.svelte.d.ts +17 -16
- package/dist/components/util/app-shell.svelte +6 -3
- package/dist/components/util/app-shell.svelte.d.ts +7 -8
- package/dist/components/util/group.svelte +8 -4
- package/dist/components/util/group.svelte.d.ts +11 -10
- package/dist/components/util/modal.svelte +7 -3
- package/dist/components/util/modal.svelte.d.ts +2 -1
- package/dist/components/util/placeholder.svelte +5 -1
- package/dist/components/util/placeholder.svelte.d.ts +5 -4
- package/dist/components/util/popup.svelte +23 -17
- package/dist/components/util/popup.svelte.d.ts +36 -33
- package/dist/index.js +3 -3
- package/dist/services/events.svelte.d.ts +2 -1
- package/dist/services/events.svelte.js +12 -8
- package/dist/services/group.svelte.d.ts +2 -1
- package/dist/services/group.svelte.js +16 -12
- package/dist/services/popup.svelte.d.ts +16 -10
- package/dist/services/popup.svelte.js +14 -13
- package/dist/typedefs.d.ts +191 -189
- package/dist/typedefs.js +168 -164
- package/package.json +4 -4
|
@@ -10,21 +10,22 @@ type TableHead = {
|
|
|
10
10
|
*/
|
|
11
11
|
declare const TableHead: import("svelte").Component<{
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* The `class` attribute on the wrapper element.
|
|
14
14
|
*/
|
|
15
15
|
class?: string | undefined;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Primary slot content.
|
|
18
18
|
*/
|
|
19
|
-
children?:
|
|
19
|
+
children?: Snippet<[]> | undefined;
|
|
20
20
|
} & Record<string, any>, {}, "">;
|
|
21
21
|
type Props = {
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* The `class` attribute on the wrapper element.
|
|
24
24
|
*/
|
|
25
25
|
class?: string | undefined;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* Primary slot content.
|
|
28
28
|
*/
|
|
29
|
-
children?:
|
|
29
|
+
children?: Snippet<[]> | undefined;
|
|
30
30
|
};
|
|
31
|
+
import type { Snippet } from 'svelte';
|
|
@@ -5,10 +5,14 @@
|
|
|
5
5
|
@see https://w3c.github.io/aria/#rowheader
|
|
6
6
|
-->
|
|
7
7
|
<script>
|
|
8
|
+
/**
|
|
9
|
+
* @import { Snippet } from 'svelte';
|
|
10
|
+
*/
|
|
11
|
+
|
|
8
12
|
/**
|
|
9
13
|
* @typedef {object} Props
|
|
10
|
-
* @property {string} [class]
|
|
11
|
-
* @property {
|
|
14
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
15
|
+
* @property {Snippet} [children] Primary slot content.
|
|
12
16
|
*/
|
|
13
17
|
|
|
14
18
|
/**
|
|
@@ -10,21 +10,22 @@ type TableRowHeader = {
|
|
|
10
10
|
*/
|
|
11
11
|
declare const TableRowHeader: import("svelte").Component<{
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* The `class` attribute on the wrapper element.
|
|
14
14
|
*/
|
|
15
15
|
class?: string | undefined;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Primary slot content.
|
|
18
18
|
*/
|
|
19
|
-
children?:
|
|
19
|
+
children?: Snippet<[]> | undefined;
|
|
20
20
|
} & Record<string, any>, {}, "">;
|
|
21
21
|
type Props = {
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* The `class` attribute on the wrapper element.
|
|
24
24
|
*/
|
|
25
25
|
class?: string | undefined;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* Primary slot content.
|
|
28
28
|
*/
|
|
29
|
-
children?:
|
|
29
|
+
children?: Snippet<[]> | undefined;
|
|
30
30
|
};
|
|
31
|
+
import type { Snippet } from 'svelte';
|
|
@@ -5,10 +5,14 @@
|
|
|
5
5
|
@see https://w3c.github.io/aria/#row
|
|
6
6
|
-->
|
|
7
7
|
<script>
|
|
8
|
+
/**
|
|
9
|
+
* @import { Snippet } from 'svelte';
|
|
10
|
+
*/
|
|
11
|
+
|
|
8
12
|
/**
|
|
9
13
|
* @typedef {object} Props
|
|
10
|
-
* @property {string} [class]
|
|
11
|
-
* @property {
|
|
14
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
15
|
+
* @property {Snippet} [children] Primary slot content.
|
|
12
16
|
*/
|
|
13
17
|
|
|
14
18
|
/**
|
|
@@ -10,21 +10,22 @@ type TableRow = {
|
|
|
10
10
|
*/
|
|
11
11
|
declare const TableRow: import("svelte").Component<{
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* The `class` attribute on the wrapper element.
|
|
14
14
|
*/
|
|
15
15
|
class?: string | undefined;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Primary slot content.
|
|
18
18
|
*/
|
|
19
|
-
children?:
|
|
19
|
+
children?: Snippet<[]> | undefined;
|
|
20
20
|
} & Record<string, any>, {}, "">;
|
|
21
21
|
type Props = {
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* The `class` attribute on the wrapper element.
|
|
24
24
|
*/
|
|
25
25
|
class?: string | undefined;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* Primary slot content.
|
|
28
28
|
*/
|
|
29
|
-
children?:
|
|
29
|
+
children?: Snippet<[]> | undefined;
|
|
30
30
|
};
|
|
31
|
+
import type { Snippet } from 'svelte';
|
|
@@ -5,10 +5,14 @@
|
|
|
5
5
|
@see https://w3c.github.io/aria/#table
|
|
6
6
|
-->
|
|
7
7
|
<script>
|
|
8
|
+
/**
|
|
9
|
+
* @import { Snippet } from 'svelte';
|
|
10
|
+
*/
|
|
11
|
+
|
|
8
12
|
/**
|
|
9
13
|
* @typedef {object} Props
|
|
10
|
-
* @property {string} [class]
|
|
11
|
-
* @property {
|
|
14
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
15
|
+
* @property {Snippet} [children] Primary slot content.
|
|
12
16
|
*/
|
|
13
17
|
|
|
14
18
|
/**
|
|
@@ -10,21 +10,22 @@ type Table = {
|
|
|
10
10
|
*/
|
|
11
11
|
declare const Table: import("svelte").Component<{
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* The `class` attribute on the wrapper element.
|
|
14
14
|
*/
|
|
15
15
|
class?: string | undefined;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Primary slot content.
|
|
18
18
|
*/
|
|
19
|
-
children?:
|
|
19
|
+
children?: Snippet<[]> | undefined;
|
|
20
20
|
} & Record<string, any>, {}, "">;
|
|
21
21
|
type Props = {
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* The `class` attribute on the wrapper element.
|
|
24
24
|
*/
|
|
25
25
|
class?: string | undefined;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* Primary slot content.
|
|
28
28
|
*/
|
|
29
|
-
children?:
|
|
29
|
+
children?: Snippet<[]> | undefined;
|
|
30
30
|
};
|
|
31
|
+
import type { Snippet } from 'svelte';
|
|
@@ -4,12 +4,16 @@
|
|
|
4
4
|
omitted if not using vertical tabs.
|
|
5
5
|
-->
|
|
6
6
|
<script>
|
|
7
|
+
/**
|
|
8
|
+
* @import { Snippet } from 'svelte';
|
|
9
|
+
*/
|
|
10
|
+
|
|
7
11
|
/**
|
|
8
12
|
* @typedef {object} Props
|
|
9
|
-
* @property {string} [class]
|
|
10
|
-
* @property {'horizontal' | 'vertical'} [orientation]
|
|
13
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
14
|
+
* @property {'horizontal' | 'vertical'} [orientation] Orientation of the widget. This is
|
|
11
15
|
* typically contrary to `<TabList>`’s `orientation`.
|
|
12
|
-
* @property {
|
|
16
|
+
* @property {Snippet} [children] Primary slot content.
|
|
13
17
|
*/
|
|
14
18
|
|
|
15
19
|
/**
|
|
@@ -9,31 +9,32 @@ type TabBox = {
|
|
|
9
9
|
*/
|
|
10
10
|
declare const TabBox: import("svelte").Component<{
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* The `class` attribute on the wrapper element.
|
|
13
13
|
*/
|
|
14
14
|
class?: string | undefined;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* Orientation of the widget. This is
|
|
17
17
|
* typically contrary to `<TabList>`’s `orientation`.
|
|
18
18
|
*/
|
|
19
19
|
orientation?: "vertical" | "horizontal" | undefined;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Primary slot content.
|
|
22
22
|
*/
|
|
23
|
-
children?:
|
|
23
|
+
children?: Snippet<[]> | undefined;
|
|
24
24
|
} & Record<string, any>, {}, "">;
|
|
25
25
|
type Props = {
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* The `class` attribute on the wrapper element.
|
|
28
28
|
*/
|
|
29
29
|
class?: string | undefined;
|
|
30
30
|
/**
|
|
31
|
-
*
|
|
31
|
+
* Orientation of the widget. This is
|
|
32
32
|
* typically contrary to `<TabList>`’s `orientation`.
|
|
33
33
|
*/
|
|
34
34
|
orientation?: "vertical" | "horizontal" | undefined;
|
|
35
35
|
/**
|
|
36
|
-
*
|
|
36
|
+
* Primary slot content.
|
|
37
37
|
*/
|
|
38
|
-
children?:
|
|
38
|
+
children?: Snippet<[]> | undefined;
|
|
39
39
|
};
|
|
40
|
+
import type { Snippet } from 'svelte';
|
|
@@ -8,17 +8,21 @@
|
|
|
8
8
|
import { onMount } from 'svelte';
|
|
9
9
|
import { activateGroup } from '../../services/group.svelte';
|
|
10
10
|
|
|
11
|
+
/**
|
|
12
|
+
* @import { Snippet } from 'svelte';
|
|
13
|
+
*/
|
|
14
|
+
|
|
11
15
|
/**
|
|
12
16
|
* @typedef {object} Props
|
|
13
|
-
* @property {string} [class]
|
|
14
|
-
* @property {boolean} [hidden]
|
|
15
|
-
* @property {boolean} [disabled]
|
|
17
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
18
|
+
* @property {boolean} [hidden] Whether to hide the widget.
|
|
19
|
+
* @property {boolean} [disabled] Whether to disable the widget. An alias of the `aria-disabled`
|
|
16
20
|
* attribute.
|
|
17
|
-
* @property {'horizontal' | 'vertical'} [orientation]
|
|
18
|
-
*
|
|
19
|
-
* @property {string} [name]
|
|
20
|
-
* @property {
|
|
21
|
-
* @property {(event: CustomEvent) => void} [onChange]
|
|
21
|
+
* @property {'horizontal' | 'vertical'} [orientation] Orientation of the widget. An alias of the
|
|
22
|
+
* `aria-orientation` attribute.
|
|
23
|
+
* @property {string} [name] The `data-name` attribute on the wrapper element.
|
|
24
|
+
* @property {Snippet} [children] Primary slot content.
|
|
25
|
+
* @property {(event: CustomEvent) => void} [onChange] Custom `Change` event handler.
|
|
22
26
|
*/
|
|
23
27
|
|
|
24
28
|
/**
|
|
@@ -10,65 +10,66 @@ type TabList = {
|
|
|
10
10
|
*/
|
|
11
11
|
declare const TabList: import("svelte").Component<{
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* The `class` attribute on the wrapper element.
|
|
14
14
|
*/
|
|
15
15
|
class?: string | undefined;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Whether to hide the widget.
|
|
18
18
|
*/
|
|
19
19
|
hidden?: boolean | undefined;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Whether to disable the widget. An alias of the `aria-disabled`
|
|
22
22
|
* attribute.
|
|
23
23
|
*/
|
|
24
24
|
disabled?: boolean | undefined;
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
27
|
-
*
|
|
26
|
+
* Orientation of the widget. An alias of the
|
|
27
|
+
* `aria-orientation` attribute.
|
|
28
28
|
*/
|
|
29
29
|
orientation?: "vertical" | "horizontal" | undefined;
|
|
30
30
|
/**
|
|
31
|
-
*
|
|
31
|
+
* The `data-name` attribute on the wrapper element.
|
|
32
32
|
*/
|
|
33
33
|
name?: string | undefined;
|
|
34
34
|
/**
|
|
35
|
-
*
|
|
35
|
+
* Primary slot content.
|
|
36
36
|
*/
|
|
37
|
-
children?:
|
|
37
|
+
children?: Snippet<[]> | undefined;
|
|
38
38
|
/**
|
|
39
|
-
*
|
|
39
|
+
* Custom `Change` event handler.
|
|
40
40
|
*/
|
|
41
41
|
onChange?: ((event: CustomEvent) => void) | undefined;
|
|
42
42
|
} & Record<string, any>, {}, "">;
|
|
43
43
|
type Props = {
|
|
44
44
|
/**
|
|
45
|
-
*
|
|
45
|
+
* The `class` attribute on the wrapper element.
|
|
46
46
|
*/
|
|
47
47
|
class?: string | undefined;
|
|
48
48
|
/**
|
|
49
|
-
*
|
|
49
|
+
* Whether to hide the widget.
|
|
50
50
|
*/
|
|
51
51
|
hidden?: boolean | undefined;
|
|
52
52
|
/**
|
|
53
|
-
*
|
|
53
|
+
* Whether to disable the widget. An alias of the `aria-disabled`
|
|
54
54
|
* attribute.
|
|
55
55
|
*/
|
|
56
56
|
disabled?: boolean | undefined;
|
|
57
57
|
/**
|
|
58
|
-
*
|
|
59
|
-
*
|
|
58
|
+
* Orientation of the widget. An alias of the
|
|
59
|
+
* `aria-orientation` attribute.
|
|
60
60
|
*/
|
|
61
61
|
orientation?: "vertical" | "horizontal" | undefined;
|
|
62
62
|
/**
|
|
63
|
-
*
|
|
63
|
+
* The `data-name` attribute on the wrapper element.
|
|
64
64
|
*/
|
|
65
65
|
name?: string | undefined;
|
|
66
66
|
/**
|
|
67
|
-
*
|
|
67
|
+
* Primary slot content.
|
|
68
68
|
*/
|
|
69
|
-
children?:
|
|
69
|
+
children?: Snippet<[]> | undefined;
|
|
70
70
|
/**
|
|
71
|
-
*
|
|
71
|
+
* Custom `Change` event handler.
|
|
72
72
|
*/
|
|
73
73
|
onChange?: ((event: CustomEvent) => void) | undefined;
|
|
74
74
|
};
|
|
75
|
+
import type { Snippet } from 'svelte';
|
|
@@ -5,10 +5,14 @@
|
|
|
5
5
|
@see https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
|
|
6
6
|
-->
|
|
7
7
|
<script>
|
|
8
|
+
/**
|
|
9
|
+
* @import { Snippet } from 'svelte';
|
|
10
|
+
*/
|
|
11
|
+
|
|
8
12
|
/**
|
|
9
13
|
* @typedef {object} Props
|
|
10
|
-
* @property {string} [class]
|
|
11
|
-
* @property {
|
|
14
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
15
|
+
* @property {Snippet} [children] Primary slot content.
|
|
12
16
|
*/
|
|
13
17
|
|
|
14
18
|
/**
|
|
@@ -10,21 +10,22 @@ type TabPanel = {
|
|
|
10
10
|
*/
|
|
11
11
|
declare const TabPanel: import("svelte").Component<{
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* The `class` attribute on the wrapper element.
|
|
14
14
|
*/
|
|
15
15
|
class?: string | undefined;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Primary slot content.
|
|
18
18
|
*/
|
|
19
|
-
children?:
|
|
19
|
+
children?: Snippet<[]> | undefined;
|
|
20
20
|
} & Record<string, any>, {}, "">;
|
|
21
21
|
type Props = {
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* The `class` attribute on the wrapper element.
|
|
24
24
|
*/
|
|
25
25
|
class?: string | undefined;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* Primary slot content.
|
|
28
28
|
*/
|
|
29
|
-
children?:
|
|
29
|
+
children?: Snippet<[]> | undefined;
|
|
30
30
|
};
|
|
31
|
+
import type { Snippet } from 'svelte';
|
|
@@ -4,10 +4,14 @@
|
|
|
4
4
|
child tab panels don’t need a sliding animation.
|
|
5
5
|
-->
|
|
6
6
|
<script>
|
|
7
|
+
/**
|
|
8
|
+
* @import { Snippet } from 'svelte';
|
|
9
|
+
*/
|
|
10
|
+
|
|
7
11
|
/**
|
|
8
12
|
* @typedef {object} Props
|
|
9
|
-
* @property {string} [class]
|
|
10
|
-
* @property {
|
|
13
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
14
|
+
* @property {Snippet} [children] Primary slot content.
|
|
11
15
|
*/
|
|
12
16
|
|
|
13
17
|
/**
|
|
@@ -9,21 +9,22 @@ type TabPanels = {
|
|
|
9
9
|
*/
|
|
10
10
|
declare const TabPanels: import("svelte").Component<{
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* The `class` attribute on the wrapper element.
|
|
13
13
|
*/
|
|
14
14
|
class?: string | undefined;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* Primary slot content.
|
|
17
17
|
*/
|
|
18
|
-
children?:
|
|
18
|
+
children?: Snippet<[]> | undefined;
|
|
19
19
|
} & Record<string, any>, {}, "">;
|
|
20
20
|
type Props = {
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* The `class` attribute on the wrapper element.
|
|
23
23
|
*/
|
|
24
24
|
class?: string | undefined;
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* Primary slot content.
|
|
27
27
|
*/
|
|
28
|
-
children?:
|
|
28
|
+
children?: Snippet<[]> | undefined;
|
|
29
29
|
};
|
|
30
|
+
import type { Snippet } from 'svelte';
|
|
@@ -7,15 +7,18 @@
|
|
|
7
7
|
<script>
|
|
8
8
|
import Button from '../button/button.svelte';
|
|
9
9
|
|
|
10
|
+
/**
|
|
11
|
+
* @import { ButtonProps, CommonEventHandlers } from '../../typedefs';
|
|
12
|
+
*/
|
|
13
|
+
|
|
10
14
|
/**
|
|
11
15
|
* @typedef {object} Props
|
|
12
|
-
* @property {boolean} [selected]
|
|
16
|
+
* @property {boolean} [selected] Whether to select the widget. An alias of the `aria-selected`
|
|
13
17
|
* attribute.
|
|
14
18
|
*/
|
|
15
19
|
|
|
16
20
|
/**
|
|
17
|
-
* @type {
|
|
18
|
-
* Props & Record<string, any>}
|
|
21
|
+
* @type {ButtonProps & CommonEventHandlers & Props & Record<string, any>}
|
|
19
22
|
*/
|
|
20
23
|
let {
|
|
21
24
|
/* eslint-disable prefer-const */
|
|
@@ -8,17 +8,18 @@ type Tab = {
|
|
|
8
8
|
* @see https://w3c.github.io/aria/#tab
|
|
9
9
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
|
|
10
10
|
*/
|
|
11
|
-
declare const Tab: import("svelte").Component<
|
|
11
|
+
declare const Tab: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Whether to select the widget. An alias of the `aria-selected`
|
|
14
14
|
* attribute.
|
|
15
15
|
*/
|
|
16
16
|
selected?: boolean | undefined;
|
|
17
17
|
} & Record<string, any>, {}, "">;
|
|
18
18
|
type Props = {
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* Whether to select the widget. An alias of the `aria-selected`
|
|
21
21
|
* attribute.
|
|
22
22
|
*/
|
|
23
23
|
selected?: boolean | undefined;
|
|
24
24
|
};
|
|
25
|
+
import type { ButtonProps } from '../../typedefs';
|
|
@@ -11,23 +11,27 @@
|
|
|
11
11
|
import { createEditorStore } from './store.svelte';
|
|
12
12
|
import CodeEditorToolbar from './toolbar/code-editor-toolbar.svelte';
|
|
13
13
|
|
|
14
|
+
/**
|
|
15
|
+
* @import { Snippet } from 'svelte';
|
|
16
|
+
*/
|
|
17
|
+
|
|
14
18
|
/**
|
|
15
19
|
* @typedef {object} Props
|
|
16
|
-
* @property {string} [code]
|
|
17
|
-
* @property {string} [lang]
|
|
18
|
-
* @property {boolean} [showLanguageSwitcher]
|
|
19
|
-
* @property {boolean} [flex]
|
|
20
|
-
* @property {string} [class]
|
|
21
|
-
* @property {boolean} [hidden]
|
|
22
|
-
* @property {boolean} [disabled]
|
|
20
|
+
* @property {string} [code] Input value.
|
|
21
|
+
* @property {string} [lang] Selected language.
|
|
22
|
+
* @property {boolean} [showLanguageSwitcher] Whether to show the language selector.
|
|
23
|
+
* @property {boolean} [flex] Make the text input container flexible.
|
|
24
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
25
|
+
* @property {boolean} [hidden] Whether to hide the widget.
|
|
26
|
+
* @property {boolean} [disabled] Whether to disable the widget. An alias of the `aria-disabled`
|
|
23
27
|
* attribute.
|
|
24
|
-
* @property {boolean} [readonly]
|
|
28
|
+
* @property {boolean} [readonly] Whether to make the widget read-only. An alias of the
|
|
25
29
|
* `aria-readonly` attribute.
|
|
26
|
-
* @property {boolean} [required]
|
|
30
|
+
* @property {boolean} [required] Whether to mark the widget required. An alias of the
|
|
27
31
|
* `aria-required` attribute.
|
|
28
|
-
* @property {boolean} [invalid]
|
|
32
|
+
* @property {boolean} [invalid] Whether to mark the widget invalid. An alias of the
|
|
29
33
|
* `aria-invalid` attribute.
|
|
30
|
-
* @property {
|
|
34
|
+
* @property {Snippet} [children] Primary slot content.
|
|
31
35
|
*/
|
|
32
36
|
|
|
33
37
|
/**
|
|
@@ -52,8 +56,7 @@
|
|
|
52
56
|
const backticks = '```';
|
|
53
57
|
const editorStore = createEditorStore();
|
|
54
58
|
|
|
55
|
-
editorStore.config.isCodeEditor
|
|
56
|
-
editorStore.config.defaultLanguage = lang;
|
|
59
|
+
editorStore.config = { ...editorStore.config, isCodeEditor: true, defaultLanguage: lang };
|
|
57
60
|
|
|
58
61
|
setContext('editorStore', editorStore);
|
|
59
62
|
|