@sveltia/ui 0.40.2 → 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.
@@ -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
  */
@@ -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 & FocusEventHandlers & DragEventHandlers}
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.2",
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",
@@ -57,14 +57,14 @@
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.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
66
  "eslint-plugin-package-json": "^1.2.0",
67
- "eslint-plugin-svelte": "^3.18.0",
67
+ "eslint-plugin-svelte": "^3.19.0",
68
68
  "globals": "^17.6.0",
69
69
  "happy-dom": "^20.9.0",
70
70
  "oxlint": "^1.67.0",
@@ -76,7 +76,7 @@
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.55.10",
79
+ "svelte": "^5.56.0",
80
80
  "svelte-check": "^4.4.8",
81
81
  "svelte-preprocess": "^6.0.5",
82
82
  "tslib": "^2.8.1",