INIT
This commit is contained in:
+95
@@ -0,0 +1,95 @@
|
||||
import { type WritableBox, type ReadableBoxedValues, type WritableBoxedValues } from "svelte-toolbelt";
|
||||
import type { Orientation } from "../../shared/index.js";
|
||||
import type { BitsKeyboardEvent, BitsMouseEvent, RefAttachment, WithRefOpts } from "../../internal/types.js";
|
||||
import { RovingFocusGroup } from "../../internal/roving-focus-group.js";
|
||||
export declare const toggleGroupAttrs: import("../../internal/attrs.js").CreateBitsAttrsReturn<readonly ["root", "item"]>;
|
||||
interface ToggleGroupBaseStateOpts extends WithRefOpts, ReadableBoxedValues<{
|
||||
disabled: boolean;
|
||||
rovingFocus: boolean;
|
||||
loop: boolean;
|
||||
orientation: Orientation;
|
||||
}> {
|
||||
}
|
||||
declare abstract class ToggleGroupBaseState {
|
||||
readonly opts: ToggleGroupBaseStateOpts;
|
||||
readonly rovingFocusGroup: RovingFocusGroup;
|
||||
readonly attachment: RefAttachment;
|
||||
constructor(opts: ToggleGroupBaseStateOpts);
|
||||
readonly props: {
|
||||
readonly id: string;
|
||||
readonly role: "group";
|
||||
readonly "data-orientation": Orientation;
|
||||
readonly "data-disabled": "" | undefined;
|
||||
};
|
||||
}
|
||||
interface ToggleGroupSingleStateOpts extends ToggleGroupBaseStateOpts, WritableBoxedValues<{
|
||||
value: string;
|
||||
}> {
|
||||
}
|
||||
declare class ToggleGroupSingleState extends ToggleGroupBaseState {
|
||||
readonly opts: ToggleGroupSingleStateOpts;
|
||||
isMulti: boolean;
|
||||
readonly anyPressed: boolean;
|
||||
constructor(opts: ToggleGroupSingleStateOpts);
|
||||
includesItem(item: string): boolean;
|
||||
toggleItem(item: string, id: string): void;
|
||||
}
|
||||
interface ToggleGroupMultipleStateOpts extends ToggleGroupBaseStateOpts, WritableBoxedValues<{
|
||||
value: string[];
|
||||
}> {
|
||||
}
|
||||
declare class ToggleGroupMultipleState extends ToggleGroupBaseState {
|
||||
readonly opts: ToggleGroupMultipleStateOpts;
|
||||
isMulti: boolean;
|
||||
readonly anyPressed: boolean;
|
||||
constructor(opts: ToggleGroupMultipleStateOpts);
|
||||
includesItem(item: string): boolean;
|
||||
toggleItem(item: string, id: string): void;
|
||||
}
|
||||
type ToggleGroup = ToggleGroupSingleState | ToggleGroupMultipleState;
|
||||
interface ToggleGroupRootOpts extends WithRefOpts, ReadableBoxedValues<{
|
||||
disabled: boolean;
|
||||
rovingFocus: boolean;
|
||||
loop: boolean;
|
||||
orientation: Orientation;
|
||||
}> {
|
||||
type: "single" | "multiple";
|
||||
value: WritableBox<string> | WritableBox<string[]>;
|
||||
}
|
||||
export declare class ToggleGroupRootState {
|
||||
static create(opts: ToggleGroupRootOpts): ToggleGroup;
|
||||
}
|
||||
interface ToggleGroupItemStateOpts extends WithRefOpts, ReadableBoxedValues<{
|
||||
value: string;
|
||||
disabled: boolean;
|
||||
}> {
|
||||
}
|
||||
export declare class ToggleGroupItemState {
|
||||
#private;
|
||||
static create(opts: ToggleGroupItemStateOpts): ToggleGroupItemState;
|
||||
readonly opts: ToggleGroupItemStateOpts;
|
||||
readonly root: ToggleGroup;
|
||||
readonly attachment: RefAttachment;
|
||||
readonly isPressed: boolean;
|
||||
constructor(opts: ToggleGroupItemStateOpts, root: ToggleGroup);
|
||||
onclick(_: BitsMouseEvent): void;
|
||||
onkeydown(e: BitsKeyboardEvent): void;
|
||||
readonly snippetProps: {
|
||||
pressed: boolean;
|
||||
};
|
||||
readonly props: {
|
||||
readonly id: string;
|
||||
readonly role: "radio" | undefined;
|
||||
readonly tabindex: number;
|
||||
readonly "data-orientation": Orientation;
|
||||
readonly "data-disabled": "" | undefined;
|
||||
readonly "data-state": "off" | "on";
|
||||
readonly "data-value": string;
|
||||
readonly "aria-pressed": "true" | "false" | undefined;
|
||||
readonly "aria-checked": "true" | "false" | "mixed" | undefined;
|
||||
readonly disabled: true | undefined;
|
||||
readonly onclick: (_: BitsMouseEvent) => void;
|
||||
readonly onkeydown: (e: BitsKeyboardEvent) => void;
|
||||
};
|
||||
}
|
||||
export {};
|
||||
Reference in New Issue
Block a user