@sveltia/ui 0.40.1 → 0.40.3
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/button/button.svelte.d.ts +2 -2
- package/dist/components/button/select-button.svelte.d.ts +2 -2
- package/dist/components/button/split-button.svelte.d.ts +2 -2
- package/dist/components/checkbox/checkbox.svelte.d.ts +2 -2
- package/dist/components/dialog/prompt-dialog.svelte.d.ts +2 -2
- package/dist/components/listbox/listbox.svelte.d.ts +2 -2
- package/dist/components/listbox/option.svelte.d.ts +2 -2
- package/dist/components/menu/menu-button.svelte.d.ts +2 -2
- package/dist/components/menu/menu-item-checkbox.svelte.d.ts +2 -2
- package/dist/components/menu/menu-item-group.svelte.d.ts +2 -2
- package/dist/components/menu/menu-item-radio.svelte.d.ts +2 -2
- package/dist/components/menu/menu-item.svelte.d.ts +2 -2
- package/dist/components/tabs/tab.svelte.d.ts +2 -2
- package/dist/components/text-field/number-input.svelte.d.ts +2 -2
- package/dist/components/text-field/password-input.svelte.d.ts +2 -2
- package/dist/components/text-field/search-bar.svelte.d.ts +2 -2
- package/dist/components/text-field/secret-input.svelte.d.ts +2 -2
- package/dist/components/text-field/text-area.svelte.d.ts +2 -2
- package/dist/components/text-field/text-input.svelte.d.ts +2 -2
- package/dist/typedefs.d.ts +65 -1
- package/dist/typedefs.js +23 -2
- package/package.json +20 -20
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export default Button;
|
|
2
2
|
type Button = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* A generic button widget based on the HTML `<button>` element.
|
|
8
8
|
* @see https://w3c.github.io/aria/#button
|
|
9
9
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/button/
|
|
10
10
|
*/
|
|
11
|
-
declare const Button: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & Record<string, any>, {}, "element">;
|
|
11
|
+
declare const Button: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & Record<string, any>, {}, "element">;
|
|
12
12
|
import type { ButtonProps } from '../../typedefs';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
export default SelectButton;
|
|
2
2
|
type SelectButton = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* A variant of `<Radio>`, looking like a normal button.
|
|
8
8
|
* @see https://w3c.github.io/aria/#radio
|
|
9
9
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/radio/
|
|
10
10
|
*/
|
|
11
|
-
declare const SelectButton: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
11
|
+
declare const SelectButton: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
12
12
|
/**
|
|
13
13
|
* Whether to select the widget. An alias of the `aria-checked`
|
|
14
14
|
* attribute. Because the UI is a button, we expose `selected` instead of `checked`.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default SplitButton;
|
|
2
2
|
type SplitButton = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* A combination of a normal `<Button>` (default action) and an arrow-only `<MenuButton>` (different
|
|
@@ -9,7 +9,7 @@ type SplitButton = {
|
|
|
9
9
|
* Match Formatting and Keep Text Only options.
|
|
10
10
|
* @see https://www.google.com/search?q=split+button&tbm=isch
|
|
11
11
|
*/
|
|
12
|
-
declare const SplitButton: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
12
|
+
declare const SplitButton: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
13
13
|
/**
|
|
14
14
|
* Where to show the dropdown menu.
|
|
15
15
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default Checkbox;
|
|
2
2
|
type Checkbox = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* The equivalent of the HTML `<input type="checkbox">` element.
|
|
@@ -9,7 +9,7 @@ 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<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
12
|
+
declare const Checkbox: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
13
13
|
/**
|
|
14
14
|
* The `class` attribute on the wrapper element.
|
|
15
15
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default PromptDialog;
|
|
2
2
|
type PromptDialog = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ModalProps & DialogProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ModalProps & DialogProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* A modal prompt dialog. It shows the OK and Cancel buttons as well as a textbox, just like
|
|
@@ -10,7 +10,7 @@ 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<ModalProps & DialogProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
13
|
+
declare const PromptDialog: import("svelte").Component<ModalProps & DialogProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
14
14
|
/**
|
|
15
15
|
* Value entered on the textbox.
|
|
16
16
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default Listbox;
|
|
2
2
|
type Listbox = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* A list widget with selectable options. The equivalent of the HTML `<select multiple>` element.
|
|
@@ -9,7 +9,7 @@ type Listbox = {
|
|
|
9
9
|
* @see https://w3c.github.io/aria/#listbox
|
|
10
10
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/listbox/
|
|
11
11
|
*/
|
|
12
|
-
declare const Listbox: import("svelte").Component<import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
12
|
+
declare const Listbox: import("svelte").Component<import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
13
13
|
/**
|
|
14
14
|
* The `class` attribute on the wrapper element.
|
|
15
15
|
*/
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
export default Option;
|
|
2
2
|
type Option = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* An option within the `<Listbox>` widget. The equivalent of the HTML `<option>` element.
|
|
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<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
11
|
+
declare const Option: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
12
12
|
/**
|
|
13
13
|
* The `class` attribute on the wrapper element.
|
|
14
14
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default MenuButton;
|
|
2
2
|
type MenuButton = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
} & {
|
|
6
6
|
focus: () => void;
|
|
7
7
|
};
|
|
@@ -9,7 +9,7 @@ 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<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
12
|
+
declare const MenuButton: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
13
13
|
/**
|
|
14
14
|
* The base element of {@link popupPosition}.
|
|
15
15
|
* If omitted, this will be {@link buttonComponent}.
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export default MenuItemCheckbox;
|
|
2
2
|
type MenuItemCheckbox = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ButtonProps & MenuItemProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ButtonProps & MenuItemProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
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<ButtonProps & MenuItemProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & Record<string, any>, {}, "checked">;
|
|
10
|
+
declare const MenuItemCheckbox: import("svelte").Component<ButtonProps & MenuItemProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & Record<string, any>, {}, "checked">;
|
|
11
11
|
import type { ButtonProps } from '../../typedefs';
|
|
12
12
|
import type { MenuItemProps } from '../../typedefs';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export default MenuItemGroup;
|
|
2
2
|
type MenuItemGroup = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/** A menu item group. */
|
|
7
|
-
declare const MenuItemGroup: import("svelte").Component<import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
7
|
+
declare const MenuItemGroup: import("svelte").Component<import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
8
8
|
/**
|
|
9
9
|
* The `class` attribute on the wrapper element.
|
|
10
10
|
*/
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export default MenuItemRadio;
|
|
2
2
|
type MenuItemRadio = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ButtonProps & MenuItemProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ButtonProps & MenuItemProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* A menu item widget with a radio. Only one item can be selected within the parent `<Menu>` or
|
|
8
8
|
* `<MenuItemGroup>` component.
|
|
9
9
|
* @see https://w3c.github.io/aria/#menuitemradio
|
|
10
10
|
*/
|
|
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">;
|
|
11
|
+
declare const MenuItemRadio: import("svelte").Component<ButtonProps & MenuItemProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & Record<string, any>, {}, "checked">;
|
|
12
12
|
import type { ButtonProps } from '../../typedefs';
|
|
13
13
|
import type { MenuItemProps } from '../../typedefs';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export default MenuItem;
|
|
2
2
|
type MenuItem = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ButtonProps & MenuItemProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ButtonProps & MenuItemProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* A menu item widget.
|
|
8
8
|
* @see https://w3c.github.io/aria/#menuitem
|
|
9
9
|
*/
|
|
10
|
-
declare const MenuItem: import("svelte").Component<ButtonProps & MenuItemProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
10
|
+
declare const MenuItem: import("svelte").Component<ButtonProps & MenuItemProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
11
11
|
/**
|
|
12
12
|
* Where to show the dropdown menu.
|
|
13
13
|
*/
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
export default Tab;
|
|
2
2
|
type Tab = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* A tab widget.
|
|
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<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
11
|
+
declare const Tab: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
|
|
12
12
|
/**
|
|
13
13
|
* Whether to select the widget. An alias of the `aria-selected`
|
|
14
14
|
* attribute.
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
export default NumberInput;
|
|
2
2
|
type NumberInput = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* The equivalent of the HTML `<input type="number">` element.
|
|
8
8
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number
|
|
9
9
|
* @see https://w3c.github.io/aria/#textbox
|
|
10
10
|
*/
|
|
11
|
-
declare const NumberInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
11
|
+
declare const NumberInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
12
12
|
/**
|
|
13
13
|
* Input value.
|
|
14
14
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default PasswordInput;
|
|
2
2
|
type PasswordInput = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* The equivalent of the HTML `<input type="password">` element, but it comes with the Show/Hide
|
|
@@ -9,7 +9,7 @@ type PasswordInput = {
|
|
|
9
9
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password
|
|
10
10
|
* @see https://w3c.github.io/aria/#textbox
|
|
11
11
|
*/
|
|
12
|
-
declare const PasswordInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
12
|
+
declare const PasswordInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
13
13
|
/**
|
|
14
14
|
* Input value.
|
|
15
15
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default SearchBar;
|
|
2
2
|
type SearchBar = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
} & {
|
|
6
6
|
focus: () => void;
|
|
7
7
|
};
|
|
@@ -11,7 +11,7 @@ type SearchBar = {
|
|
|
11
11
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search
|
|
12
12
|
* @see https://w3c.github.io/aria/#search
|
|
13
13
|
*/
|
|
14
|
-
declare const SearchBar: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
14
|
+
declare const SearchBar: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
15
15
|
/**
|
|
16
16
|
* Input value.
|
|
17
17
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default SecretInput;
|
|
2
2
|
type SecretInput = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* Similar to `PasswordInput`, but it doesn’t use `type="password"` to hide the input value. Instead,
|
|
@@ -9,7 +9,7 @@ type SecretInput = {
|
|
|
9
9
|
* the password.
|
|
10
10
|
* @see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/-webkit-text-security
|
|
11
11
|
*/
|
|
12
|
-
declare const SecretInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
12
|
+
declare const SecretInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
13
13
|
/**
|
|
14
14
|
* Input value.
|
|
15
15
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default TextArea;
|
|
2
2
|
type TextArea = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* A multi-line text field based on the HTML `<textarea>` element, providing the auto-resize support.
|
|
@@ -9,7 +9,7 @@ type TextArea = {
|
|
|
9
9
|
* @see https://w3c.github.io/aria/#textbox
|
|
10
10
|
* @see https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/
|
|
11
11
|
*/
|
|
12
|
-
declare const TextArea: import("svelte").Component<import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
12
|
+
declare const TextArea: import("svelte").Component<import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
13
13
|
/**
|
|
14
14
|
* Input value.
|
|
15
15
|
*/
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
export default TextInput;
|
|
2
2
|
type TextInput = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
-
$set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
4
|
+
$set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* A generic, single-line text field. The equivalent of the HTML `<input type="text">` element.
|
|
8
8
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text
|
|
9
9
|
* @see https://w3c.github.io/aria/#textbox
|
|
10
10
|
*/
|
|
11
|
-
declare const TextInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
11
|
+
declare const TextInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
|
|
12
12
|
/**
|
|
13
13
|
* Input value.
|
|
14
14
|
*/
|
package/dist/typedefs.d.ts
CHANGED
|
@@ -531,6 +531,14 @@ export type MouseEventHandlers = {
|
|
|
531
531
|
* `mouseup` event handler.
|
|
532
532
|
*/
|
|
533
533
|
onmouseup?: ((event: MouseEvent) => void) | undefined;
|
|
534
|
+
/**
|
|
535
|
+
* `mousemove` event handler.
|
|
536
|
+
*/
|
|
537
|
+
onmousemove?: ((event: MouseEvent) => void) | undefined;
|
|
538
|
+
/**
|
|
539
|
+
* `mouseout` event handler.
|
|
540
|
+
*/
|
|
541
|
+
onmouseout?: ((event: MouseEvent) => void) | undefined;
|
|
534
542
|
/**
|
|
535
543
|
* `click` event handler.
|
|
536
544
|
*/
|
|
@@ -540,6 +548,54 @@ export type MouseEventHandlers = {
|
|
|
540
548
|
*/
|
|
541
549
|
ondblclick?: ((event: MouseEvent) => void) | undefined;
|
|
542
550
|
};
|
|
551
|
+
export type PointerEventHandlers = {
|
|
552
|
+
/**
|
|
553
|
+
* `pointerover` event handler.
|
|
554
|
+
*/
|
|
555
|
+
onpointerover?: ((event: PointerEvent) => void) | undefined;
|
|
556
|
+
/**
|
|
557
|
+
* `pointerenter` event handler.
|
|
558
|
+
*/
|
|
559
|
+
onpointerenter?: ((event: PointerEvent) => void) | undefined;
|
|
560
|
+
/**
|
|
561
|
+
* `pointerdown` event handler.
|
|
562
|
+
*/
|
|
563
|
+
onpointerdown?: ((event: PointerEvent) => void) | undefined;
|
|
564
|
+
/**
|
|
565
|
+
* `pointermove` event handler.
|
|
566
|
+
*/
|
|
567
|
+
onpointermove?: ((event: PointerEvent) => void) | undefined;
|
|
568
|
+
/**
|
|
569
|
+
* `pointerrawupdate` event handler.
|
|
570
|
+
*/
|
|
571
|
+
onpointerrawupdate?: ((event: PointerEvent) => void) | undefined;
|
|
572
|
+
/**
|
|
573
|
+
* `pointerup` event handler.
|
|
574
|
+
*/
|
|
575
|
+
onpointerup?: ((event: PointerEvent) => void) | undefined;
|
|
576
|
+
/**
|
|
577
|
+
* `pointercancel` event handler.
|
|
578
|
+
*/
|
|
579
|
+
onpointercancel?: ((event: PointerEvent) => void) | undefined;
|
|
580
|
+
/**
|
|
581
|
+
* `pointerout` event handler.
|
|
582
|
+
*/
|
|
583
|
+
onpointerout?: ((event: PointerEvent) => void) | undefined;
|
|
584
|
+
/**
|
|
585
|
+
* `pointerleave` event handler.
|
|
586
|
+
*/
|
|
587
|
+
onpointerleave?: ((event: PointerEvent) => void) | undefined;
|
|
588
|
+
/**
|
|
589
|
+
* `gotpointercapture` event
|
|
590
|
+
* handler.
|
|
591
|
+
*/
|
|
592
|
+
ongotpointercapture?: ((event: PointerEvent) => void) | undefined;
|
|
593
|
+
/**
|
|
594
|
+
* `lostpointercapture` event
|
|
595
|
+
* handler.
|
|
596
|
+
*/
|
|
597
|
+
onlostpointercapture?: ((event: PointerEvent) => void) | undefined;
|
|
598
|
+
};
|
|
543
599
|
export type FocusEventHandlers = {
|
|
544
600
|
/**
|
|
545
601
|
* `focus` event handler.
|
|
@@ -549,6 +605,14 @@ export type FocusEventHandlers = {
|
|
|
549
605
|
* `blur` event handler.
|
|
550
606
|
*/
|
|
551
607
|
onblur?: ((event: FocusEvent) => void) | undefined;
|
|
608
|
+
/**
|
|
609
|
+
* `focusin` event handler.
|
|
610
|
+
*/
|
|
611
|
+
onfocusin?: ((event: FocusEvent) => void) | undefined;
|
|
612
|
+
/**
|
|
613
|
+
* `focusout` event handler.
|
|
614
|
+
*/
|
|
615
|
+
onfocusout?: ((event: FocusEvent) => void) | undefined;
|
|
552
616
|
};
|
|
553
617
|
export type DragEventHandlers = {
|
|
554
618
|
/**
|
|
@@ -580,7 +644,7 @@ export type DragEventHandlers = {
|
|
|
580
644
|
*/
|
|
581
645
|
ondragend?: ((event: DragEvent) => void) | undefined;
|
|
582
646
|
};
|
|
583
|
-
export type CommonEventHandlers = KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers;
|
|
647
|
+
export type CommonEventHandlers = KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers;
|
|
584
648
|
export type InputEventHandlers = {
|
|
585
649
|
/**
|
|
586
650
|
* `input` event handler.
|
package/dist/typedefs.js
CHANGED
|
@@ -192,14 +192,35 @@
|
|
|
192
192
|
* @property {(event: MouseEvent) => void} [onmouseover] `mouseover` event handler.
|
|
193
193
|
* @property {(event: MouseEvent) => void} [onmousedown] `mousedown` event handler.
|
|
194
194
|
* @property {(event: MouseEvent) => void} [onmouseup] `mouseup` event handler.
|
|
195
|
+
* @property {(event: MouseEvent) => void} [onmousemove] `mousemove` event handler.
|
|
196
|
+
* @property {(event: MouseEvent) => void} [onmouseout] `mouseout` event handler.
|
|
195
197
|
* @property {(event: MouseEvent) => void} [onclick] `click` event handler.
|
|
196
198
|
* @property {(event: MouseEvent) => void} [ondblclick] `dblclick` event handler.
|
|
197
199
|
*/
|
|
198
200
|
|
|
201
|
+
/**
|
|
202
|
+
* @typedef {object} PointerEventHandlers
|
|
203
|
+
* @property {(event: PointerEvent) => void} [onpointerover] `pointerover` event handler.
|
|
204
|
+
* @property {(event: PointerEvent) => void} [onpointerenter] `pointerenter` event handler.
|
|
205
|
+
* @property {(event: PointerEvent) => void} [onpointerdown] `pointerdown` event handler.
|
|
206
|
+
* @property {(event: PointerEvent) => void} [onpointermove] `pointermove` event handler.
|
|
207
|
+
* @property {(event: PointerEvent) => void} [onpointerrawupdate] `pointerrawupdate` event handler.
|
|
208
|
+
* @property {(event: PointerEvent) => void} [onpointerup] `pointerup` event handler.
|
|
209
|
+
* @property {(event: PointerEvent) => void} [onpointercancel] `pointercancel` event handler.
|
|
210
|
+
* @property {(event: PointerEvent) => void} [onpointerout] `pointerout` event handler.
|
|
211
|
+
* @property {(event: PointerEvent) => void} [onpointerleave] `pointerleave` event handler.
|
|
212
|
+
* @property {(event: PointerEvent) => void} [ongotpointercapture] `gotpointercapture` event
|
|
213
|
+
* handler.
|
|
214
|
+
* @property {(event: PointerEvent) => void} [onlostpointercapture] `lostpointercapture` event
|
|
215
|
+
* handler.
|
|
216
|
+
*/
|
|
217
|
+
|
|
199
218
|
/**
|
|
200
219
|
* @typedef {object} FocusEventHandlers
|
|
201
220
|
* @property {(event: FocusEvent) => void} [onfocus] `focus` event handler.
|
|
202
221
|
* @property {(event: FocusEvent) => void} [onblur] `blur` event handler.
|
|
222
|
+
* @property {(event: FocusEvent) => void} [onfocusin] `focusin` event handler.
|
|
223
|
+
* @property {(event: FocusEvent) => void} [onfocusout] `focusout` event handler.
|
|
203
224
|
*/
|
|
204
225
|
|
|
205
226
|
/**
|
|
@@ -214,8 +235,8 @@
|
|
|
214
235
|
*/
|
|
215
236
|
|
|
216
237
|
/**
|
|
217
|
-
* @typedef {KeyboardEventHandlers & MouseEventHandlers &
|
|
218
|
-
* CommonEventHandlers
|
|
238
|
+
* @typedef {KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers
|
|
239
|
+
* & DragEventHandlers} CommonEventHandlers
|
|
219
240
|
*/
|
|
220
241
|
|
|
221
242
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sveltia/ui",
|
|
3
|
-
"version": "0.40.
|
|
3
|
+
"version": "0.40.3",
|
|
4
4
|
"description": "A collection of Svelte components and utilities for building user interfaces.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -33,21 +33,21 @@
|
|
|
33
33
|
"!dist/**/*.test.*"
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@lexical/code": "^0.
|
|
37
|
-
"@lexical/code-prism": "^0.
|
|
38
|
-
"@lexical/dragon": "^0.
|
|
39
|
-
"@lexical/extension": "^0.
|
|
40
|
-
"@lexical/history": "^0.
|
|
41
|
-
"@lexical/link": "^0.
|
|
42
|
-
"@lexical/list": "^0.
|
|
43
|
-
"@lexical/markdown": "^0.
|
|
44
|
-
"@lexical/rich-text": "^0.
|
|
45
|
-
"@lexical/selection": "^0.
|
|
46
|
-
"@lexical/table": "^0.
|
|
47
|
-
"@lexical/utils": "^0.
|
|
36
|
+
"@lexical/code": "^0.45.0",
|
|
37
|
+
"@lexical/code-prism": "^0.45.0",
|
|
38
|
+
"@lexical/dragon": "^0.45.0",
|
|
39
|
+
"@lexical/extension": "^0.45.0",
|
|
40
|
+
"@lexical/history": "^0.45.0",
|
|
41
|
+
"@lexical/link": "^0.45.0",
|
|
42
|
+
"@lexical/list": "^0.45.0",
|
|
43
|
+
"@lexical/markdown": "^0.45.0",
|
|
44
|
+
"@lexical/rich-text": "^0.45.0",
|
|
45
|
+
"@lexical/selection": "^0.45.0",
|
|
46
|
+
"@lexical/table": "^0.45.0",
|
|
47
|
+
"@lexical/utils": "^0.45.0",
|
|
48
48
|
"@sveltia/i18n": "^1.1.1",
|
|
49
49
|
"@sveltia/utils": "^0.10.6",
|
|
50
|
-
"lexical": "^0.
|
|
50
|
+
"lexical": "^0.45.0",
|
|
51
51
|
"prismjs": "^1.30.0",
|
|
52
52
|
"yaml": "^2.9.0"
|
|
53
53
|
},
|
|
@@ -57,17 +57,17 @@
|
|
|
57
57
|
"@sveltejs/package": "^2.5.7",
|
|
58
58
|
"@sveltejs/vite-plugin-svelte": "^7.1.2",
|
|
59
59
|
"@vitest/coverage-v8": "^4.1.7",
|
|
60
|
-
"cspell": "^10.0.
|
|
60
|
+
"cspell": "^10.0.1",
|
|
61
61
|
"eslint": "^9.39.4",
|
|
62
62
|
"eslint-config-airbnb-extended": "^3.1.0",
|
|
63
63
|
"eslint-config-prettier": "^10.1.8",
|
|
64
64
|
"eslint-plugin-import": "^2.32.0",
|
|
65
65
|
"eslint-plugin-jsdoc": "^63.0.0",
|
|
66
|
-
"eslint-plugin-package-json": "^1.
|
|
67
|
-
"eslint-plugin-svelte": "^3.
|
|
66
|
+
"eslint-plugin-package-json": "^1.2.0",
|
|
67
|
+
"eslint-plugin-svelte": "^3.19.0",
|
|
68
68
|
"globals": "^17.6.0",
|
|
69
69
|
"happy-dom": "^20.9.0",
|
|
70
|
-
"oxlint": "^1.
|
|
70
|
+
"oxlint": "^1.67.0",
|
|
71
71
|
"postcss": "^8.5.15",
|
|
72
72
|
"postcss-html": "^1.8.1",
|
|
73
73
|
"prettier": "^3.8.3",
|
|
@@ -76,9 +76,9 @@
|
|
|
76
76
|
"stylelint": "^17.12.0",
|
|
77
77
|
"stylelint-config-recommended-scss": "^17.0.1",
|
|
78
78
|
"stylelint-scss": "^7.1.1",
|
|
79
|
-
"svelte": "^5.
|
|
79
|
+
"svelte": "^5.56.0",
|
|
80
80
|
"svelte-check": "^4.4.8",
|
|
81
|
-
"svelte-preprocess": "^6.0.
|
|
81
|
+
"svelte-preprocess": "^6.0.5",
|
|
82
82
|
"tslib": "^2.8.1",
|
|
83
83
|
"vite": "^8.0.14",
|
|
84
84
|
"vitest": "^4.1.7"
|