@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
|
@@ -9,69 +9,71 @@ type Checkbox = {
|
|
|
9
9
|
* @see https://w3c.github.io/aria/#checkbox
|
|
10
10
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
|
|
11
11
|
*/
|
|
12
|
-
declare const Checkbox: import("svelte").Component<
|
|
12
|
+
declare const Checkbox: import("svelte").Component<ButtonProps & 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 mark the widget required. An alias of the
|
|
19
19
|
* `aria-required` attribute.
|
|
20
20
|
*/
|
|
21
21
|
required?: boolean | undefined;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* Whether to mark the widget invalid. An alias of the
|
|
24
24
|
* `aria-invalid` attribute.
|
|
25
25
|
*/
|
|
26
26
|
invalid?: boolean | undefined;
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* Whether to check the widget. An alias of the
|
|
29
29
|
* `aria-checked` attribute.
|
|
30
30
|
*/
|
|
31
31
|
checked?: boolean | "mixed" | undefined;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Text label displayed next to the checkbox.
|
|
34
34
|
*/
|
|
35
35
|
label?: string | undefined;
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* `aria-label` attribute.
|
|
38
38
|
*/
|
|
39
39
|
"aria-label"?: string | undefined;
|
|
40
40
|
/**
|
|
41
|
-
*
|
|
41
|
+
* Check icon slot content.
|
|
42
42
|
*/
|
|
43
|
-
checkIcon?:
|
|
43
|
+
checkIcon?: Snippet<[]> | undefined;
|
|
44
44
|
} & Record<string, any>, {}, "checked">;
|
|
45
45
|
type Props = {
|
|
46
46
|
/**
|
|
47
|
-
*
|
|
47
|
+
* The `class` attribute on the wrapper element.
|
|
48
48
|
*/
|
|
49
49
|
class?: string | undefined;
|
|
50
50
|
/**
|
|
51
|
-
*
|
|
51
|
+
* Whether to mark the widget required. An alias of the
|
|
52
52
|
* `aria-required` attribute.
|
|
53
53
|
*/
|
|
54
54
|
required?: boolean | undefined;
|
|
55
55
|
/**
|
|
56
|
-
*
|
|
56
|
+
* Whether to mark the widget invalid. An alias of the
|
|
57
57
|
* `aria-invalid` attribute.
|
|
58
58
|
*/
|
|
59
59
|
invalid?: boolean | undefined;
|
|
60
60
|
/**
|
|
61
|
-
*
|
|
61
|
+
* Whether to check the widget. An alias of the
|
|
62
62
|
* `aria-checked` attribute.
|
|
63
63
|
*/
|
|
64
64
|
checked?: boolean | "mixed" | undefined;
|
|
65
65
|
/**
|
|
66
|
-
*
|
|
66
|
+
* Text label displayed next to the checkbox.
|
|
67
67
|
*/
|
|
68
68
|
label?: string | undefined;
|
|
69
69
|
/**
|
|
70
|
-
*
|
|
70
|
+
* `aria-label` attribute.
|
|
71
71
|
*/
|
|
72
72
|
"aria-label"?: string | undefined;
|
|
73
73
|
/**
|
|
74
|
-
*
|
|
74
|
+
* Check icon slot content.
|
|
75
75
|
*/
|
|
76
|
-
checkIcon?:
|
|
76
|
+
checkIcon?: Snippet<[]> | undefined;
|
|
77
77
|
};
|
|
78
|
+
import type { ButtonProps } from '../../typedefs';
|
|
79
|
+
import type { Snippet } from 'svelte';
|
|
@@ -9,8 +9,11 @@
|
|
|
9
9
|
import Dialog from './dialog.svelte';
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
|
-
* @
|
|
13
|
-
|
|
12
|
+
* @import { DialogProps, ModalProps } from '../../typedefs';
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* @type {ModalProps & DialogProps & Record<string, any>}
|
|
14
17
|
*/
|
|
15
18
|
let {
|
|
16
19
|
/* eslint-disable prefer-const */
|
|
@@ -9,4 +9,6 @@ type AlertDialog = {
|
|
|
9
9
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/
|
|
10
10
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/Window/alert
|
|
11
11
|
*/
|
|
12
|
-
declare const AlertDialog: import("svelte").Component<
|
|
12
|
+
declare const AlertDialog: import("svelte").Component<ModalProps & DialogProps & Record<string, any>, {}, "open">;
|
|
13
|
+
import type { ModalProps } from '../../typedefs';
|
|
14
|
+
import type { DialogProps } from '../../typedefs';
|
|
@@ -9,8 +9,11 @@
|
|
|
9
9
|
import Dialog from './dialog.svelte';
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
|
-
* @
|
|
13
|
-
|
|
12
|
+
* @import { DialogProps, ModalProps } from '../../typedefs';
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* @type {ModalProps & DialogProps & Record<string, any>}
|
|
14
17
|
*/
|
|
15
18
|
let {
|
|
16
19
|
/* eslint-disable prefer-const */
|
|
@@ -9,4 +9,6 @@ type ConfirmationDialog = {
|
|
|
9
9
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/
|
|
10
10
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/Window/confirm
|
|
11
11
|
*/
|
|
12
|
-
declare const ConfirmationDialog: import("svelte").Component<
|
|
12
|
+
declare const ConfirmationDialog: import("svelte").Component<ModalProps & DialogProps & Record<string, any>, {}, "open">;
|
|
13
|
+
import type { ModalProps } from '../../typedefs';
|
|
14
|
+
import type { DialogProps } from '../../typedefs';
|
|
@@ -13,8 +13,11 @@
|
|
|
13
13
|
import Modal from '../util/modal.svelte';
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
|
-
* @
|
|
17
|
-
|
|
16
|
+
* @import { DialogProps, ModalProps } from '../../typedefs';
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* @type {ModalProps & DialogProps & Record<string, any>}
|
|
18
21
|
*/
|
|
19
22
|
let {
|
|
20
23
|
/* eslint-disable prefer-const */
|
|
@@ -8,4 +8,6 @@ type Dialog = {
|
|
|
8
8
|
* @see https://w3c.github.io/aria/#dialog
|
|
9
9
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
|
|
10
10
|
*/
|
|
11
|
-
declare const Dialog: import("svelte").Component<
|
|
11
|
+
declare const Dialog: import("svelte").Component<ModalProps & DialogProps & Record<string, any>, {}, "value" | "open">;
|
|
12
|
+
import type { ModalProps } from '../../typedefs';
|
|
13
|
+
import type { DialogProps } from '../../typedefs';
|
|
@@ -10,18 +10,27 @@
|
|
|
10
10
|
import TextInput from '../text-field/text-input.svelte';
|
|
11
11
|
import Dialog from './dialog.svelte';
|
|
12
12
|
|
|
13
|
+
/**
|
|
14
|
+
* @import { Snippet } from 'svelte';
|
|
15
|
+
* @import {
|
|
16
|
+
* CommonEventHandlers,
|
|
17
|
+
* DialogProps,
|
|
18
|
+
* InputEventHandlers,
|
|
19
|
+
* ModalProps,
|
|
20
|
+
* } from '../../typedefs';
|
|
21
|
+
*/
|
|
22
|
+
|
|
13
23
|
/**
|
|
14
24
|
* @typedef {object} Props
|
|
15
|
-
* @property {string} [value]
|
|
16
|
-
* @property {object} [textboxAttrs]
|
|
17
|
-
* @property {
|
|
18
|
-
* @property {
|
|
25
|
+
* @property {string} [value] Value entered on the textbox.
|
|
26
|
+
* @property {object} [textboxAttrs] Extra attributes for the `<TextInput>`.
|
|
27
|
+
* @property {Snippet} [children] Primary slot content.
|
|
28
|
+
* @property {Snippet} [input] Input slot content.
|
|
19
29
|
*/
|
|
20
30
|
|
|
21
31
|
/**
|
|
22
|
-
* @type {
|
|
23
|
-
*
|
|
24
|
-
* Props & Record<string, any>}
|
|
32
|
+
* @type {ModalProps & DialogProps & CommonEventHandlers & InputEventHandlers & Props &
|
|
33
|
+
* Record<string, any>}
|
|
25
34
|
*/
|
|
26
35
|
let {
|
|
27
36
|
/* eslint-disable prefer-const */
|
|
@@ -10,39 +10,43 @@ type PromptDialog = {
|
|
|
10
10
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/
|
|
11
11
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/Window/prompt
|
|
12
12
|
*/
|
|
13
|
-
declare const PromptDialog: import("svelte").Component<
|
|
13
|
+
declare const PromptDialog: import("svelte").Component<ModalProps & DialogProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* Value entered on the textbox.
|
|
16
16
|
*/
|
|
17
17
|
value?: string | undefined;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* Extra attributes for the `<TextInput>`.
|
|
20
20
|
*/
|
|
21
21
|
textboxAttrs?: object | undefined;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* Primary slot content.
|
|
24
24
|
*/
|
|
25
|
-
children?:
|
|
25
|
+
children?: Snippet<[]> | undefined;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* Input slot content.
|
|
28
28
|
*/
|
|
29
|
-
input?:
|
|
29
|
+
input?: Snippet<[]> | undefined;
|
|
30
30
|
} & Record<string, any>, {}, "value" | "open">;
|
|
31
31
|
type Props = {
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Value entered on the textbox.
|
|
34
34
|
*/
|
|
35
35
|
value?: string | undefined;
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* Extra attributes for the `<TextInput>`.
|
|
38
38
|
*/
|
|
39
39
|
textboxAttrs?: object | undefined;
|
|
40
40
|
/**
|
|
41
|
-
*
|
|
41
|
+
* Primary slot content.
|
|
42
42
|
*/
|
|
43
|
-
children?:
|
|
43
|
+
children?: Snippet<[]> | undefined;
|
|
44
44
|
/**
|
|
45
|
-
*
|
|
45
|
+
* Input slot content.
|
|
46
46
|
*/
|
|
47
|
-
input?:
|
|
47
|
+
input?: Snippet<[]> | undefined;
|
|
48
48
|
};
|
|
49
|
+
import type { ModalProps } from '../../typedefs';
|
|
50
|
+
import type { DialogProps } from '../../typedefs';
|
|
51
|
+
import type { InputEventHandlers } from '../../typedefs';
|
|
52
|
+
import type { Snippet } from 'svelte';
|
|
@@ -8,19 +8,23 @@
|
|
|
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
|
+
*/
|
|
14
|
+
|
|
11
15
|
/**
|
|
12
16
|
* @typedef {object} Props
|
|
13
|
-
* @property {string} [class]
|
|
14
|
-
* @property {boolean} [hidden]
|
|
17
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
18
|
+
* @property {boolean} [hidden] Whether to hide the widget. An alias of the `aria-hidden`
|
|
15
19
|
* attribute.
|
|
16
|
-
* @property {boolean} [disabled]
|
|
20
|
+
* @property {boolean} [disabled] Whether to disable the widget. An alias of the `aria-disabled`
|
|
17
21
|
* attribute.
|
|
18
|
-
* @property {boolean} [expanded]
|
|
22
|
+
* @property {boolean} [expanded] Whether to show the content. An alias of the `aria-expanded`
|
|
19
23
|
* attribute.
|
|
20
|
-
* @property {string} [label]
|
|
21
|
-
* @property {
|
|
22
|
-
* @property {
|
|
23
|
-
* @property {(event: CustomEvent) => void} [onChange]
|
|
24
|
+
* @property {string} [label] Text label displayed next to the expander.
|
|
25
|
+
* @property {Snippet} [children] Primary slot content.
|
|
26
|
+
* @property {Snippet} [chevronIcon] Chevron slot content.
|
|
27
|
+
* @property {(event: CustomEvent) => void} [onChange] Custom `Change` event handler.
|
|
24
28
|
*/
|
|
25
29
|
|
|
26
30
|
/**
|
|
@@ -10,75 +10,76 @@ type Disclosure = {
|
|
|
10
10
|
*/
|
|
11
11
|
declare const Disclosure: 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. An alias of the `aria-hidden`
|
|
18
18
|
* attribute.
|
|
19
19
|
*/
|
|
20
20
|
hidden?: boolean | undefined;
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Whether to disable the widget. An alias of the `aria-disabled`
|
|
23
23
|
* attribute.
|
|
24
24
|
*/
|
|
25
25
|
disabled?: boolean | undefined;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* Whether to show the content. An alias of the `aria-expanded`
|
|
28
28
|
* attribute.
|
|
29
29
|
*/
|
|
30
30
|
expanded?: boolean | undefined;
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* Text label displayed next to the expander.
|
|
33
33
|
*/
|
|
34
34
|
label?: string | undefined;
|
|
35
35
|
/**
|
|
36
|
-
*
|
|
36
|
+
* Primary slot content.
|
|
37
37
|
*/
|
|
38
|
-
children?:
|
|
38
|
+
children?: Snippet<[]> | undefined;
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
40
|
+
* Chevron slot content.
|
|
41
41
|
*/
|
|
42
|
-
chevronIcon?:
|
|
42
|
+
chevronIcon?: Snippet<[]> | undefined;
|
|
43
43
|
/**
|
|
44
|
-
*
|
|
44
|
+
* Custom `Change` event handler.
|
|
45
45
|
*/
|
|
46
46
|
onChange?: ((event: CustomEvent) => void) | undefined;
|
|
47
47
|
} & Record<string, any>, {}, "expanded">;
|
|
48
48
|
type Props = {
|
|
49
49
|
/**
|
|
50
|
-
*
|
|
50
|
+
* The `class` attribute on the wrapper element.
|
|
51
51
|
*/
|
|
52
52
|
class?: string | undefined;
|
|
53
53
|
/**
|
|
54
|
-
*
|
|
54
|
+
* Whether to hide the widget. An alias of the `aria-hidden`
|
|
55
55
|
* attribute.
|
|
56
56
|
*/
|
|
57
57
|
hidden?: boolean | undefined;
|
|
58
58
|
/**
|
|
59
|
-
*
|
|
59
|
+
* Whether to disable the widget. An alias of the `aria-disabled`
|
|
60
60
|
* attribute.
|
|
61
61
|
*/
|
|
62
62
|
disabled?: boolean | undefined;
|
|
63
63
|
/**
|
|
64
|
-
*
|
|
64
|
+
* Whether to show the content. An alias of the `aria-expanded`
|
|
65
65
|
* attribute.
|
|
66
66
|
*/
|
|
67
67
|
expanded?: boolean | undefined;
|
|
68
68
|
/**
|
|
69
|
-
*
|
|
69
|
+
* Text label displayed next to the expander.
|
|
70
70
|
*/
|
|
71
71
|
label?: string | undefined;
|
|
72
72
|
/**
|
|
73
|
-
*
|
|
73
|
+
* Primary slot content.
|
|
74
74
|
*/
|
|
75
|
-
children?:
|
|
75
|
+
children?: Snippet<[]> | undefined;
|
|
76
76
|
/**
|
|
77
|
-
*
|
|
77
|
+
* Chevron slot content.
|
|
78
78
|
*/
|
|
79
|
-
chevronIcon?:
|
|
79
|
+
chevronIcon?: Snippet<[]> | undefined;
|
|
80
80
|
/**
|
|
81
|
-
*
|
|
81
|
+
* Custom `Change` event handler.
|
|
82
82
|
*/
|
|
83
83
|
onChange?: ((event: CustomEvent) => void) | undefined;
|
|
84
84
|
};
|
|
85
|
+
import type { Snippet } from 'svelte';
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
<script>
|
|
7
7
|
/**
|
|
8
8
|
* @typedef {object} Props
|
|
9
|
-
* @property {string} [class]
|
|
10
|
-
* @property {boolean} [hidden]
|
|
9
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
10
|
+
* @property {boolean} [hidden] Whether to hide the widget. An alias of the `aria-hidden`
|
|
11
11
|
* attribute.
|
|
12
|
-
* @property {'horizontal'|'vertical'} [orientation]
|
|
12
|
+
* @property {'horizontal'|'vertical'} [orientation] Orientation of the widget. An alias of the
|
|
13
13
|
* `aria-orientation` attribute.
|
|
14
14
|
*/
|
|
15
15
|
|
|
@@ -9,32 +9,32 @@ type Divider = {
|
|
|
9
9
|
*/
|
|
10
10
|
declare const Divider: 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
|
+
* Whether to hide the widget. An alias of the `aria-hidden`
|
|
17
17
|
* attribute.
|
|
18
18
|
*/
|
|
19
19
|
hidden?: boolean | undefined;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Orientation of the widget. An alias of the
|
|
22
22
|
* `aria-orientation` attribute.
|
|
23
23
|
*/
|
|
24
24
|
orientation?: "vertical" | "horizontal" | undefined;
|
|
25
25
|
} & Record<string, any>, {}, "">;
|
|
26
26
|
type Props = {
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* The `class` attribute on the wrapper element.
|
|
29
29
|
*/
|
|
30
30
|
class?: string | undefined;
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* Whether to hide the widget. An alias of the `aria-hidden`
|
|
33
33
|
* attribute.
|
|
34
34
|
*/
|
|
35
35
|
hidden?: boolean | undefined;
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* Orientation of the widget. An alias of the
|
|
38
38
|
* `aria-orientation` attribute.
|
|
39
39
|
*/
|
|
40
40
|
orientation?: "vertical" | "horizontal" | undefined;
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
<script>
|
|
6
6
|
/**
|
|
7
7
|
* @typedef {object} Props
|
|
8
|
-
* @property {string} [class]
|
|
9
|
-
* @property {boolean} [flex]
|
|
8
|
+
* @property {string} [class] The `class` attribute on the wrapper element.
|
|
9
|
+
* @property {boolean} [flex] Whether to make the spacer flexible.
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
/**
|
|
@@ -6,21 +6,21 @@ type Spacer = {
|
|
|
6
6
|
/** A content divider with no line. It can be flexible. */
|
|
7
7
|
declare const Spacer: import("svelte").Component<{
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* The `class` attribute on the wrapper element.
|
|
10
10
|
*/
|
|
11
11
|
class?: string | undefined;
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Whether to make the spacer flexible.
|
|
14
14
|
*/
|
|
15
15
|
flex?: boolean | undefined;
|
|
16
16
|
} & Record<string, any>, {}, "">;
|
|
17
17
|
type Props = {
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* The `class` attribute on the wrapper element.
|
|
20
20
|
*/
|
|
21
21
|
class?: string | undefined;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* Whether to make the spacer flexible.
|
|
24
24
|
*/
|
|
25
25
|
flex?: boolean | undefined;
|
|
26
26
|
};
|
|
@@ -11,25 +11,30 @@
|
|
|
11
11
|
import Icon from '../icon/icon.svelte';
|
|
12
12
|
import Modal from '../util/modal.svelte';
|
|
13
13
|
|
|
14
|
+
/**
|
|
15
|
+
* @import { Snippet } from 'svelte';
|
|
16
|
+
* @import { ModalProps } from '../../typedefs';
|
|
17
|
+
*/
|
|
18
|
+
|
|
14
19
|
/**
|
|
15
20
|
* @typedef {object} Props
|
|
16
|
-
* @property {string} [class]
|
|
17
|
-
* @property {boolean} [open]
|
|
18
|
-
* @property {string} [title]
|
|
19
|
-
* @property {'top' | 'right' | 'bottom' | 'left'} [position]
|
|
20
|
-
* @property {'small' | 'medium' | 'large' | 'x-large' | 'full'} [size]
|
|
21
|
+
* @property {string} [class] The `class` attribute on the content element.
|
|
22
|
+
* @property {boolean} [open] Whether to open the drawer.
|
|
23
|
+
* @property {string} [title] Title text displayed on the header.
|
|
24
|
+
* @property {'top' | 'right' | 'bottom' | 'left'} [position] Position of the drawer.
|
|
25
|
+
* @property {'small' | 'medium' | 'large' | 'x-large' | 'full'} [size] Width or height of the
|
|
21
26
|
* drawer.
|
|
22
|
-
* @property {'inside' | 'outside' | false} [showClose]
|
|
23
|
-
* @property {
|
|
24
|
-
* @property {
|
|
25
|
-
* @property {
|
|
26
|
-
* @property {
|
|
27
|
-
* @property {
|
|
28
|
-
* @property {
|
|
27
|
+
* @property {'inside' | 'outside' | false} [showClose] Whether to show the Close button.
|
|
28
|
+
* @property {Snippet} [children] Primary slot content.
|
|
29
|
+
* @property {Snippet} [header] Header slot content.
|
|
30
|
+
* @property {Snippet} [headerExtra] Header extra slot content.
|
|
31
|
+
* @property {Snippet} [footer] Footer slot content.
|
|
32
|
+
* @property {Snippet} [closeIcon] Close icon slot content.
|
|
33
|
+
* @property {Snippet} [extraContent] Extra content slot content.
|
|
29
34
|
*/
|
|
30
35
|
|
|
31
36
|
/**
|
|
32
|
-
* @type {
|
|
37
|
+
* @type {ModalProps & Props & Record<string, any>}
|
|
33
38
|
*/
|
|
34
39
|
let {
|
|
35
40
|
/* eslint-disable prefer-const */
|