@sveltia/ui 0.25.7 → 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 +15 -11
- 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 +22 -13
- 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 +1 -1
|
@@ -8,29 +8,34 @@
|
|
|
8
8
|
<script>
|
|
9
9
|
import { activateGroup } from '../../services/group.svelte';
|
|
10
10
|
|
|
11
|
+
/**
|
|
12
|
+
* @import { Snippet } from 'svelte';
|
|
13
|
+
* @import { ButtonProps, CommonEventHandlers } from '../../typedefs';
|
|
14
|
+
*/
|
|
15
|
+
|
|
11
16
|
/**
|
|
12
17
|
* @typedef {object} Props
|
|
13
|
-
* @property {string} [class]
|
|
14
|
-
* @property {boolean} [hidden]
|
|
18
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
19
|
+
* @property {boolean} [hidden] Whether to hide the widget. An alias of the `aria-hidden`
|
|
15
20
|
* attribute.
|
|
16
|
-
* @property {boolean} [disabled]
|
|
21
|
+
* @property {boolean} [disabled] Whether to disable the widget. An alias of the `aria-disabled`
|
|
17
22
|
* attribute.
|
|
18
|
-
* @property {boolean} [readonly]
|
|
23
|
+
* @property {boolean} [readonly] Whether to make the widget read-only. An alias of the
|
|
19
24
|
* `aria-readonly` attribute.
|
|
20
|
-
* @property {boolean} [required]
|
|
25
|
+
* @property {boolean} [required] Whether to mark the widget required. An alias of the
|
|
21
26
|
* `aria-required` attribute.
|
|
22
|
-
* @property {boolean} [invalid]
|
|
27
|
+
* @property {boolean} [invalid] Whether to mark the widget invalid. An alias of the
|
|
23
28
|
* `aria-invalid` attribute.
|
|
24
|
-
* @property {boolean} [multiple]
|
|
25
|
-
*
|
|
26
|
-
* @property {string} [searchTerms]
|
|
27
|
-
* @property {
|
|
28
|
-
* @property {(event: CustomEvent) => void} [onChange]
|
|
29
|
-
* @property {(event: CustomEvent) => void} [onFilter]
|
|
29
|
+
* @property {boolean} [multiple] Whether to allow selecting more than one `<Option>`. An alias of
|
|
30
|
+
* the `aria-multiselectable` attribute.
|
|
31
|
+
* @property {string} [searchTerms] Search terms to be used to filter the items.
|
|
32
|
+
* @property {Snippet} [children] Primary slot content.
|
|
33
|
+
* @property {(event: CustomEvent) => void} [onChange] Custom `Change` event handler.
|
|
34
|
+
* @property {(event: CustomEvent) => void} [onFilter] Custom `Filter` event handler.
|
|
30
35
|
*/
|
|
31
36
|
|
|
32
37
|
/**
|
|
33
|
-
* @type {
|
|
38
|
+
* @type {CommonEventHandlers & Props & Record<string, any>}
|
|
34
39
|
*/
|
|
35
40
|
let {
|
|
36
41
|
/* eslint-disable prefer-const */
|
|
@@ -11,105 +11,106 @@ type Listbox = {
|
|
|
11
11
|
*/
|
|
12
12
|
declare const Listbox: import("svelte").Component<import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* The `class` attribute on the wrapper element.
|
|
15
15
|
*/
|
|
16
16
|
class?: string | undefined;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* Whether to hide the widget. An alias of the `aria-hidden`
|
|
19
19
|
* attribute.
|
|
20
20
|
*/
|
|
21
21
|
hidden?: boolean | undefined;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* Whether to disable the widget. An alias of the `aria-disabled`
|
|
24
24
|
* attribute.
|
|
25
25
|
*/
|
|
26
26
|
disabled?: boolean | undefined;
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* Whether to make the widget read-only. An alias of the
|
|
29
29
|
* `aria-readonly` attribute.
|
|
30
30
|
*/
|
|
31
31
|
readonly?: boolean | undefined;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Whether to mark the widget required. An alias of the
|
|
34
34
|
* `aria-required` attribute.
|
|
35
35
|
*/
|
|
36
36
|
required?: boolean | undefined;
|
|
37
37
|
/**
|
|
38
|
-
*
|
|
38
|
+
* Whether to mark the widget invalid. An alias of the
|
|
39
39
|
* `aria-invalid` attribute.
|
|
40
40
|
*/
|
|
41
41
|
invalid?: boolean | undefined;
|
|
42
42
|
/**
|
|
43
|
-
*
|
|
44
|
-
*
|
|
43
|
+
* Whether to allow selecting more than one `<Option>`. An alias of
|
|
44
|
+
* the `aria-multiselectable` attribute.
|
|
45
45
|
*/
|
|
46
46
|
multiple?: boolean | undefined;
|
|
47
47
|
/**
|
|
48
|
-
*
|
|
48
|
+
* Search terms to be used to filter the items.
|
|
49
49
|
*/
|
|
50
50
|
searchTerms?: string | undefined;
|
|
51
51
|
/**
|
|
52
|
-
*
|
|
52
|
+
* Primary slot content.
|
|
53
53
|
*/
|
|
54
|
-
children?:
|
|
54
|
+
children?: Snippet<[]> | undefined;
|
|
55
55
|
/**
|
|
56
|
-
*
|
|
56
|
+
* Custom `Change` event handler.
|
|
57
57
|
*/
|
|
58
58
|
onChange?: ((event: CustomEvent) => void) | undefined;
|
|
59
59
|
/**
|
|
60
|
-
*
|
|
60
|
+
* Custom `Filter` event handler.
|
|
61
61
|
*/
|
|
62
62
|
onFilter?: ((event: CustomEvent) => void) | undefined;
|
|
63
63
|
} & Record<string, any>, {}, "">;
|
|
64
64
|
type Props = {
|
|
65
65
|
/**
|
|
66
|
-
*
|
|
66
|
+
* The `class` attribute on the wrapper element.
|
|
67
67
|
*/
|
|
68
68
|
class?: string | undefined;
|
|
69
69
|
/**
|
|
70
|
-
*
|
|
70
|
+
* Whether to hide the widget. An alias of the `aria-hidden`
|
|
71
71
|
* attribute.
|
|
72
72
|
*/
|
|
73
73
|
hidden?: boolean | undefined;
|
|
74
74
|
/**
|
|
75
|
-
*
|
|
75
|
+
* Whether to disable the widget. An alias of the `aria-disabled`
|
|
76
76
|
* attribute.
|
|
77
77
|
*/
|
|
78
78
|
disabled?: boolean | undefined;
|
|
79
79
|
/**
|
|
80
|
-
*
|
|
80
|
+
* Whether to make the widget read-only. An alias of the
|
|
81
81
|
* `aria-readonly` attribute.
|
|
82
82
|
*/
|
|
83
83
|
readonly?: boolean | undefined;
|
|
84
84
|
/**
|
|
85
|
-
*
|
|
85
|
+
* Whether to mark the widget required. An alias of the
|
|
86
86
|
* `aria-required` attribute.
|
|
87
87
|
*/
|
|
88
88
|
required?: boolean | undefined;
|
|
89
89
|
/**
|
|
90
|
-
*
|
|
90
|
+
* Whether to mark the widget invalid. An alias of the
|
|
91
91
|
* `aria-invalid` attribute.
|
|
92
92
|
*/
|
|
93
93
|
invalid?: boolean | undefined;
|
|
94
94
|
/**
|
|
95
|
-
*
|
|
96
|
-
*
|
|
95
|
+
* Whether to allow selecting more than one `<Option>`. An alias of
|
|
96
|
+
* the `aria-multiselectable` attribute.
|
|
97
97
|
*/
|
|
98
98
|
multiple?: boolean | undefined;
|
|
99
99
|
/**
|
|
100
|
-
*
|
|
100
|
+
* Search terms to be used to filter the items.
|
|
101
101
|
*/
|
|
102
102
|
searchTerms?: string | undefined;
|
|
103
103
|
/**
|
|
104
|
-
*
|
|
104
|
+
* Primary slot content.
|
|
105
105
|
*/
|
|
106
|
-
children?:
|
|
106
|
+
children?: Snippet<[]> | undefined;
|
|
107
107
|
/**
|
|
108
|
-
*
|
|
108
|
+
* Custom `Change` event handler.
|
|
109
109
|
*/
|
|
110
110
|
onChange?: ((event: CustomEvent) => void) | undefined;
|
|
111
111
|
/**
|
|
112
|
-
*
|
|
112
|
+
* Custom `Filter` event handler.
|
|
113
113
|
*/
|
|
114
114
|
onFilter?: ((event: CustomEvent) => void) | undefined;
|
|
115
115
|
};
|
|
116
|
+
import type { Snippet } from 'svelte';
|
|
@@ -7,15 +7,19 @@
|
|
|
7
7
|
@see https://www.w3.org/WAI/ARIA/apg/patterns/listbox/examples/listbox-grouped/
|
|
8
8
|
-->
|
|
9
9
|
<script>
|
|
10
|
+
/**
|
|
11
|
+
* @import { Snippet } from 'svelte';
|
|
12
|
+
*/
|
|
13
|
+
|
|
10
14
|
/**
|
|
11
15
|
* @typedef {object} Props
|
|
12
|
-
* @property {string} [class]
|
|
13
|
-
* @property {boolean} [hidden]
|
|
16
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
17
|
+
* @property {boolean} [hidden] Whether to hide the widget. An alias of the `aria-hidden`
|
|
14
18
|
* attribute.
|
|
15
|
-
* @property {boolean} [disabled]
|
|
19
|
+
* @property {boolean} [disabled] Whether to disable the widget. An alias of the `aria-disabled`
|
|
16
20
|
* attribute.
|
|
17
|
-
* @property {string} [label]
|
|
18
|
-
* @property {
|
|
21
|
+
* @property {string} [label] The group’s label to be displayed above the child `<Option>`s.
|
|
22
|
+
* @property {Snippet} [children] Primary slot content.
|
|
19
23
|
*/
|
|
20
24
|
|
|
21
25
|
/**
|
|
@@ -12,49 +12,50 @@ type OptionGroup = {
|
|
|
12
12
|
*/
|
|
13
13
|
declare const OptionGroup: import("svelte").Component<{
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* The `class` attribute on the wrapper element.
|
|
16
16
|
*/
|
|
17
17
|
class?: string | undefined;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* Whether to hide the widget. An alias of the `aria-hidden`
|
|
20
20
|
* attribute.
|
|
21
21
|
*/
|
|
22
22
|
hidden?: boolean | undefined;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* Whether to disable the widget. An alias of the `aria-disabled`
|
|
25
25
|
* attribute.
|
|
26
26
|
*/
|
|
27
27
|
disabled?: boolean | undefined;
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
29
|
+
* The group’s label to be displayed above the child `<Option>`s.
|
|
30
30
|
*/
|
|
31
31
|
label?: string | undefined;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Primary slot content.
|
|
34
34
|
*/
|
|
35
|
-
children?:
|
|
35
|
+
children?: Snippet<[]> | undefined;
|
|
36
36
|
} & Record<string, any>, {}, "">;
|
|
37
37
|
type Props = {
|
|
38
38
|
/**
|
|
39
|
-
*
|
|
39
|
+
* The `class` attribute on the wrapper element.
|
|
40
40
|
*/
|
|
41
41
|
class?: string | undefined;
|
|
42
42
|
/**
|
|
43
|
-
*
|
|
43
|
+
* Whether to hide the widget. An alias of the `aria-hidden`
|
|
44
44
|
* attribute.
|
|
45
45
|
*/
|
|
46
46
|
hidden?: boolean | undefined;
|
|
47
47
|
/**
|
|
48
|
-
*
|
|
48
|
+
* Whether to disable the widget. An alias of the `aria-disabled`
|
|
49
49
|
* attribute.
|
|
50
50
|
*/
|
|
51
51
|
disabled?: boolean | undefined;
|
|
52
52
|
/**
|
|
53
|
-
*
|
|
53
|
+
* The group’s label to be displayed above the child `<Option>`s.
|
|
54
54
|
*/
|
|
55
55
|
label?: string | undefined;
|
|
56
56
|
/**
|
|
57
|
-
*
|
|
57
|
+
* Primary slot content.
|
|
58
58
|
*/
|
|
59
|
-
children?:
|
|
59
|
+
children?: Snippet<[]> | undefined;
|
|
60
60
|
};
|
|
61
|
+
import type { Snippet } from 'svelte';
|
|
@@ -8,20 +8,24 @@
|
|
|
8
8
|
import Button from '../button/button.svelte';
|
|
9
9
|
import Icon from '../icon/icon.svelte';
|
|
10
10
|
|
|
11
|
+
/**
|
|
12
|
+
* @import { Snippet } from 'svelte';
|
|
13
|
+
* @import { ButtonProps, CommonEventHandlers } from '../../typedefs';
|
|
14
|
+
*/
|
|
15
|
+
|
|
11
16
|
/**
|
|
12
17
|
* @typedef {object} Props
|
|
13
|
-
* @property {string} [class]
|
|
14
|
-
* @property {boolean} [selected]
|
|
18
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
19
|
+
* @property {boolean} [selected] Whether to select the widget. An alias of the `aria-selected`
|
|
15
20
|
* attribute.
|
|
16
|
-
* @property {string} label
|
|
17
|
-
* @property {string} [searchValue]
|
|
18
|
-
* @property {boolean} [wrap]
|
|
19
|
-
* @property {
|
|
21
|
+
* @property {string} label Text label displayed on the item.
|
|
22
|
+
* @property {string} [searchValue] The value to be searched.
|
|
23
|
+
* @property {boolean} [wrap] Whether to wrap a long label.
|
|
24
|
+
* @property {Snippet} [checkIcon] Check icon slot content.
|
|
20
25
|
*/
|
|
21
26
|
|
|
22
27
|
/**
|
|
23
|
-
* @type {
|
|
24
|
-
* Props & Record<string, any>}
|
|
28
|
+
* @type {ButtonProps & CommonEventHandlers & Props & Record<string, any>}
|
|
25
29
|
*/
|
|
26
30
|
let {
|
|
27
31
|
/* eslint-disable prefer-const */
|
|
@@ -8,57 +8,59 @@ type Option = {
|
|
|
8
8
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option
|
|
9
9
|
* @see https://w3c.github.io/aria/#option
|
|
10
10
|
*/
|
|
11
|
-
declare const Option: import("svelte").Component<
|
|
11
|
+
declare const Option: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* The `class` attribute on the wrapper element.
|
|
14
14
|
*/
|
|
15
15
|
class?: string | undefined;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Whether to select the widget. An alias of the `aria-selected`
|
|
18
18
|
* attribute.
|
|
19
19
|
*/
|
|
20
20
|
selected?: boolean | undefined;
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Text label displayed on the item.
|
|
23
23
|
*/
|
|
24
24
|
label: string;
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* The value to be searched.
|
|
27
27
|
*/
|
|
28
28
|
searchValue?: string | undefined;
|
|
29
29
|
/**
|
|
30
|
-
*
|
|
30
|
+
* Whether to wrap a long label.
|
|
31
31
|
*/
|
|
32
32
|
wrap?: boolean | undefined;
|
|
33
33
|
/**
|
|
34
|
-
*
|
|
34
|
+
* Check icon slot content.
|
|
35
35
|
*/
|
|
36
|
-
checkIcon?:
|
|
36
|
+
checkIcon?: Snippet<[]> | undefined;
|
|
37
37
|
} & Record<string, any>, {}, "hidden" | "selected">;
|
|
38
38
|
type Props = {
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
40
|
+
* The `class` attribute on the wrapper element.
|
|
41
41
|
*/
|
|
42
42
|
class?: string | undefined;
|
|
43
43
|
/**
|
|
44
|
-
*
|
|
44
|
+
* Whether to select the widget. An alias of the `aria-selected`
|
|
45
45
|
* attribute.
|
|
46
46
|
*/
|
|
47
47
|
selected?: boolean | undefined;
|
|
48
48
|
/**
|
|
49
|
-
*
|
|
49
|
+
* Text label displayed on the item.
|
|
50
50
|
*/
|
|
51
51
|
label: string;
|
|
52
52
|
/**
|
|
53
|
-
*
|
|
53
|
+
* The value to be searched.
|
|
54
54
|
*/
|
|
55
55
|
searchValue?: string | undefined;
|
|
56
56
|
/**
|
|
57
|
-
*
|
|
57
|
+
* Whether to wrap a long label.
|
|
58
58
|
*/
|
|
59
59
|
wrap?: boolean | undefined;
|
|
60
60
|
/**
|
|
61
|
-
*
|
|
61
|
+
* Check icon slot content.
|
|
62
62
|
*/
|
|
63
|
-
checkIcon?:
|
|
63
|
+
checkIcon?: Snippet<[]> | undefined;
|
|
64
64
|
};
|
|
65
|
+
import type { ButtonProps } from '../../typedefs';
|
|
66
|
+
import type { Snippet } from 'svelte';
|
|
@@ -8,15 +8,18 @@
|
|
|
8
8
|
import Icon from '../icon/icon.svelte';
|
|
9
9
|
import Popup from '../util/popup.svelte';
|
|
10
10
|
|
|
11
|
+
/**
|
|
12
|
+
* @import { ButtonProps, CommonEventHandlers } from '../../typedefs';
|
|
13
|
+
*/
|
|
14
|
+
|
|
11
15
|
/**
|
|
12
16
|
* @typedef {object} Props
|
|
13
|
-
* @property {HTMLElement} [popupPositionBaseElement]
|
|
14
|
-
*
|
|
17
|
+
* @property {HTMLElement} [popupPositionBaseElement] The base element of {@link popupPosition}.
|
|
18
|
+
* If omitted, this will be {@link buttonComponent}.
|
|
15
19
|
*/
|
|
16
20
|
|
|
17
21
|
/**
|
|
18
|
-
* @type {
|
|
19
|
-
* Props & Record<string, any>}
|
|
22
|
+
* @type {ButtonProps & CommonEventHandlers & Props & Record<string, any>}
|
|
20
23
|
*/
|
|
21
24
|
let {
|
|
22
25
|
/* eslint-disable prefer-const */
|
|
@@ -9,10 +9,10 @@ type MenuButton = {
|
|
|
9
9
|
* A button to open a `<Menu>` widget.
|
|
10
10
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/
|
|
11
11
|
*/
|
|
12
|
-
declare const MenuButton: import("svelte").Component<
|
|
12
|
+
declare const MenuButton: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
15
|
-
*
|
|
14
|
+
* The base element of {@link popupPosition}.
|
|
15
|
+
* If omitted, this will be {@link buttonComponent}.
|
|
16
16
|
*/
|
|
17
17
|
popupPositionBaseElement?: HTMLElement | undefined;
|
|
18
18
|
} & Record<string, any>, {
|
|
@@ -20,8 +20,9 @@ declare const MenuButton: import("svelte").Component<import("../../typedefs").Bu
|
|
|
20
20
|
}, "">;
|
|
21
21
|
type Props = {
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
24
|
-
*
|
|
23
|
+
* The base element of {@link popupPosition}.
|
|
24
|
+
* If omitted, this will be {@link buttonComponent}.
|
|
25
25
|
*/
|
|
26
26
|
popupPositionBaseElement?: HTMLElement | undefined;
|
|
27
27
|
};
|
|
28
|
+
import type { ButtonProps } from '../../typedefs';
|
|
@@ -8,8 +8,11 @@
|
|
|
8
8
|
import MenuItem from './menu-item.svelte';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
|
-
* @
|
|
12
|
-
|
|
11
|
+
* @import { ButtonProps, CommonEventHandlers, MenuItemProps } from '../../typedefs';
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* @type {ButtonProps & MenuItemProps & CommonEventHandlers & Record<string, any>}
|
|
13
16
|
*/
|
|
14
17
|
let {
|
|
15
18
|
/* eslint-disable prefer-const */
|
|
@@ -7,4 +7,6 @@ type MenuItemCheckbox = {
|
|
|
7
7
|
* A menu item widget with a checkbox.
|
|
8
8
|
* @see https://w3c.github.io/aria/#menuitemcheckbox
|
|
9
9
|
*/
|
|
10
|
-
declare const MenuItemCheckbox: import("svelte").Component<
|
|
10
|
+
declare const MenuItemCheckbox: import("svelte").Component<ButtonProps & MenuItemProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & Record<string, any>, {}, "checked">;
|
|
11
|
+
import type { ButtonProps } from '../../typedefs';
|
|
12
|
+
import type { MenuItemProps } from '../../typedefs';
|
|
@@ -3,18 +3,22 @@
|
|
|
3
3
|
A menu item group.
|
|
4
4
|
-->
|
|
5
5
|
<script>
|
|
6
|
+
/**
|
|
7
|
+
* @import { CommonEventHandlers } from '../../typedefs';
|
|
8
|
+
*/
|
|
9
|
+
|
|
6
10
|
/**
|
|
7
11
|
* @typedef {object} Props
|
|
8
|
-
* @property {string} [class]
|
|
9
|
-
* @property {boolean} [hidden]
|
|
12
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
13
|
+
* @property {boolean} [hidden] Whether to hide the widget. An alias of the `aria-hidden`
|
|
10
14
|
* attribute.
|
|
11
|
-
* @property {boolean} [disabled]
|
|
15
|
+
* @property {boolean} [disabled] Whether to disable the widget. An alias of the `aria-disabled`
|
|
12
16
|
* attribute.
|
|
13
|
-
* @property {string} [title]
|
|
17
|
+
* @property {string} [title] Text label displayed above the group items.
|
|
14
18
|
*/
|
|
15
19
|
|
|
16
20
|
/**
|
|
17
|
-
* @type {
|
|
21
|
+
* @type {CommonEventHandlers & Props & Record<string, any>}
|
|
18
22
|
*/
|
|
19
23
|
let {
|
|
20
24
|
/* eslint-disable prefer-const */
|
|
@@ -6,41 +6,41 @@ type MenuItemGroup = {
|
|
|
6
6
|
/** A menu item group. */
|
|
7
7
|
declare const MenuItemGroup: import("svelte").Component<import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* The `class` attribute on the wrapper element.
|
|
10
10
|
*/
|
|
11
11
|
class?: string | undefined;
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Whether to hide the widget. An alias of the `aria-hidden`
|
|
14
14
|
* attribute.
|
|
15
15
|
*/
|
|
16
16
|
hidden?: boolean | undefined;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* Whether to disable the widget. An alias of the `aria-disabled`
|
|
19
19
|
* attribute.
|
|
20
20
|
*/
|
|
21
21
|
disabled?: boolean | undefined;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* Text label displayed above the group items.
|
|
24
24
|
*/
|
|
25
25
|
title?: string | undefined;
|
|
26
26
|
} & Record<string, any>, {}, "">;
|
|
27
27
|
type Props = {
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
29
|
+
* The `class` attribute on the wrapper element.
|
|
30
30
|
*/
|
|
31
31
|
class?: string | undefined;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Whether to hide the widget. An alias of the `aria-hidden`
|
|
34
34
|
* attribute.
|
|
35
35
|
*/
|
|
36
36
|
hidden?: boolean | undefined;
|
|
37
37
|
/**
|
|
38
|
-
*
|
|
38
|
+
* Whether to disable the widget. An alias of the `aria-disabled`
|
|
39
39
|
* attribute.
|
|
40
40
|
*/
|
|
41
41
|
disabled?: boolean | undefined;
|
|
42
42
|
/**
|
|
43
|
-
*
|
|
43
|
+
* Text label displayed above the group items.
|
|
44
44
|
*/
|
|
45
45
|
title?: string | undefined;
|
|
46
46
|
};
|
|
@@ -9,8 +9,11 @@
|
|
|
9
9
|
import MenuItem from './menu-item.svelte';
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
|
-
* @
|
|
13
|
-
|
|
12
|
+
* @import { ButtonProps, CommonEventHandlers, MenuItemProps } from '../../typedefs';
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* @type {ButtonProps & MenuItemProps & CommonEventHandlers & Record<string, any>}
|
|
14
17
|
*/
|
|
15
18
|
let {
|
|
16
19
|
/* eslint-disable prefer-const */
|
|
@@ -8,4 +8,6 @@ type MenuItemRadio = {
|
|
|
8
8
|
* `<MenuItemGroup>` component.
|
|
9
9
|
* @see https://w3c.github.io/aria/#menuitemradio
|
|
10
10
|
*/
|
|
11
|
-
declare const MenuItemRadio: import("svelte").Component<
|
|
11
|
+
declare const MenuItemRadio: import("svelte").Component<ButtonProps & MenuItemProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & Record<string, any>, {}, "checked">;
|
|
12
|
+
import type { ButtonProps } from '../../typedefs';
|
|
13
|
+
import type { MenuItemProps } from '../../typedefs';
|
|
@@ -11,8 +11,11 @@
|
|
|
11
11
|
import Menu from './menu.svelte';
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
|
-
* @
|
|
15
|
-
|
|
14
|
+
* @import { ButtonProps, CommonEventHandlers, MenuItemProps } from '../../typedefs';
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* @type {ButtonProps & MenuItemProps & CommonEventHandlers & Record<string, any>}
|
|
16
19
|
*/
|
|
17
20
|
let {
|
|
18
21
|
/* eslint-disable prefer-const */
|
|
@@ -7,4 +7,6 @@ type MenuItem = {
|
|
|
7
7
|
* A menu item widget.
|
|
8
8
|
* @see https://w3c.github.io/aria/#menuitem
|
|
9
9
|
*/
|
|
10
|
-
declare const MenuItem: import("svelte").Component<
|
|
10
|
+
declare const MenuItem: import("svelte").Component<ButtonProps & MenuItemProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & Record<string, any>, {}, "">;
|
|
11
|
+
import type { ButtonProps } from '../../typedefs';
|
|
12
|
+
import type { MenuItemProps } from '../../typedefs';
|
|
@@ -7,15 +7,19 @@
|
|
|
7
7
|
<script>
|
|
8
8
|
import { activateGroup } from '../../services/group.svelte';
|
|
9
9
|
|
|
10
|
+
/**
|
|
11
|
+
* @import { Snippet } from 'svelte';
|
|
12
|
+
*/
|
|
13
|
+
|
|
10
14
|
/**
|
|
11
15
|
* @typedef {object} Props
|
|
12
|
-
* @property {string} [class]
|
|
13
|
-
* @property {boolean} [hidden]
|
|
16
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
17
|
+
* @property {boolean} [hidden] Whether to hide the widget. An alias of the `aria-hidden`
|
|
14
18
|
* attribute.
|
|
15
|
-
* @property {boolean} [disabled]
|
|
19
|
+
* @property {boolean} [disabled] Whether to disable the widget. An alias of the `aria-disabled`
|
|
16
20
|
* attribute.
|
|
17
|
-
* @property {
|
|
18
|
-
* @property {(event: CustomEvent) => void} [onChange]
|
|
21
|
+
* @property {Snippet} [children] Primary slot content.
|
|
22
|
+
* @property {(event: CustomEvent) => void} [onChange] Custom `Change` event handler.
|
|
19
23
|
*/
|
|
20
24
|
|
|
21
25
|
/**
|