ropav 0.1.7 → 0.1.9
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/README.md +5 -4
- package/dist/ancestry.js +136 -0
- package/dist/calendar.css +184 -0
- package/dist/calendar.js +739 -0
- package/dist/calendar2.js +37 -0
- package/dist/chevron-left.js +12 -0
- package/dist/color-picker.js +38 -88
- package/dist/combobox.css +251 -0
- package/dist/combobox.js +410 -0
- package/dist/components/calendar/calendar.d.ts +30 -0
- package/dist/components/calendar/calendarBehavior.d.ts +49 -0
- package/dist/components/calendar/index.d.ts +3 -0
- package/dist/components/calendar/index.js +3 -0
- package/dist/components/calendar/types.d.ts +56 -0
- package/dist/components/calendar/useCalendar.d.ts +24 -0
- package/dist/components/color-picker/useColorPickerDrag.d.ts +1 -1
- package/dist/components/color-picker/useColorPickerSaturation.d.ts +1 -1
- package/dist/components/color-picker/useColorPickerSlider.d.ts +1 -1
- package/dist/components/combobox/combobox.d.ts +29 -0
- package/dist/components/combobox/comboboxModel.d.ts +4 -0
- package/dist/components/combobox/index.d.ts +3 -0
- package/dist/components/combobox/index.js +2 -0
- package/dist/components/combobox/types.d.ts +43 -0
- package/dist/components/combobox/useCombobox.d.ts +45 -0
- package/dist/components/date-picker/date-picker.d.ts +33 -0
- package/dist/components/date-picker/datePickerModel.d.ts +10 -0
- package/dist/components/date-picker/index.d.ts +4 -0
- package/dist/components/date-picker/index.js +2 -0
- package/dist/components/date-picker/types.d.ts +59 -0
- package/dist/components/date-picker/useDatePicker.d.ts +29 -0
- package/dist/components/date-picker/useDatePickerValueState.d.ts +21 -0
- package/dist/components/dropdown-menu/dropdown-menu-content.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdownMenuContext.d.ts +7 -18
- package/dist/components/dropdown-menu/dropdownMenuInteraction.d.ts +3 -3
- package/dist/components/dropdown-menu/dropdownMenuInteractionTypes.d.ts +58 -29
- package/dist/components/dropdown-menu/useDropdownMenuDataController.d.ts +4 -3
- package/dist/components/dropdown-menu/useDropdownMenuDataRegistration.d.ts +6 -4
- package/dist/components/dropdown-menu/useDropdownMenuPresentation.d.ts +3 -4
- package/dist/components/dropdown-menu/useDropdownMenuTargetBindings.d.ts +5 -5
- package/dist/components/dropzone/dropzone.d.ts +31 -0
- package/dist/components/dropzone/dropzoneModel.d.ts +16 -0
- package/dist/components/dropzone/index.d.ts +3 -0
- package/dist/components/dropzone/index.js +2 -0
- package/dist/components/dropzone/types.d.ts +56 -0
- package/dist/components/dropzone/useDropzone.d.ts +25 -0
- package/dist/components/file-input/file-input.d.ts +29 -0
- package/dist/components/file-input/index.d.ts +3 -0
- package/dist/components/file-input/index.js +2 -0
- package/dist/components/file-input/types.d.ts +37 -0
- package/dist/components/file-input/useFileInput.d.ts +15 -0
- package/dist/components/floating/index.js +1 -1
- package/dist/components/floating/useFloatingPosition.d.ts +1 -13
- package/dist/components/floating/useFloatingTargetLifecycle.d.ts +32 -0
- package/dist/components/floating/useHoverDisclosure.d.ts +10 -0
- package/dist/components/hover-card/hover-card.d.ts +25 -0
- package/dist/components/hover-card/index.d.ts +3 -0
- package/dist/components/hover-card/index.js +2 -0
- package/dist/components/hover-card/types.d.ts +45 -0
- package/dist/components/hover-card/useHoverCard.d.ts +22 -0
- package/dist/components/hover-card/useHoverCardDisclosure.d.ts +19 -0
- package/dist/components/multi-select/index.d.ts +3 -0
- package/dist/components/multi-select/index.js +2 -0
- package/dist/components/multi-select/multi-select.d.ts +30 -0
- package/dist/components/multi-select/multiSelectModel.d.ts +3 -0
- package/dist/components/multi-select/types.d.ts +49 -0
- package/dist/components/multi-select/useMultiSelect.d.ts +46 -0
- package/dist/components/number-input/useNumberInput.d.ts +1 -3
- package/dist/components/popover/usePopoverBindings.d.ts +3 -6
- package/dist/components/scroll-area/useScrollArea.d.ts +4 -4
- package/dist/components/scroll-area/useScrollAreaAttributes.d.ts +3 -3
- package/dist/components/scroll-area/useScrollAreaPointer.d.ts +1 -1
- package/dist/components/segmented-control/index.d.ts +3 -0
- package/dist/components/segmented-control/index.js +2 -0
- package/dist/components/segmented-control/segmented-control.d.ts +26 -0
- package/dist/components/segmented-control/types.d.ts +47 -0
- package/dist/components/segmented-control/useSegmentedControl.d.ts +15 -0
- package/dist/components/select/useSelect.d.ts +31 -19
- package/dist/components/slider/useRangeSlider.d.ts +1 -1
- package/dist/components/slider/useRangeSliderPointer.d.ts +1 -1
- package/dist/components/slider/useSlider.d.ts +1 -1
- package/dist/components/slider/useSliderPointer.d.ts +15 -0
- package/dist/components/slider/useSliderValueState.d.ts +1 -0
- package/dist/components/tags-input/index.d.ts +3 -0
- package/dist/components/tags-input/index.js +2 -0
- package/dist/components/tags-input/tags-input.d.ts +27 -0
- package/dist/components/tags-input/tagsInputModel.d.ts +12 -0
- package/dist/components/tags-input/types.d.ts +37 -0
- package/dist/components/tags-input/useTagsInput.d.ts +23 -0
- package/dist/components/toolbar/index.d.ts +3 -0
- package/dist/components/toolbar/index.js +2 -0
- package/dist/components/toolbar/toolbar.d.ts +24 -0
- package/dist/components/toolbar/types.d.ts +12 -0
- package/dist/components/toolbar/useToolbar.d.ts +7 -0
- package/dist/components/tooltip/useTooltipTargetBindings.d.ts +12 -0
- package/dist/date-picker.css +49 -0
- package/dist/date-picker.js +811 -0
- package/dist/dialog.js +9 -20
- package/dist/direction.js +6 -0
- package/dist/dropdown-menu.css +21 -3
- package/dist/dropdown-menu.js +341 -261
- package/dist/dropzone.css +135 -0
- package/dist/dropzone.js +431 -0
- package/dist/file-input.css +135 -0
- package/dist/file-input.js +198 -0
- package/dist/focusNavigation.js +12 -6
- package/dist/hover-card.css +80 -0
- package/dist/hover-card.js +402 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.js +15 -3
- package/dist/internal/composables/useOverlayLayer.d.ts +12 -0
- package/dist/modal.js +1 -1
- package/dist/multi-select.css +316 -0
- package/dist/multi-select.js +481 -0
- package/dist/nativeChoice.js +169 -0
- package/dist/number-input.css +18 -18
- package/dist/number-input.js +36 -38
- package/dist/pagination.js +1 -10
- package/dist/pointerSession.js +130 -0
- package/dist/popover.css +21 -3
- package/dist/popover.js +37 -62
- package/dist/scroll-area.js +52 -62
- package/dist/segmented-control.css +176 -0
- package/dist/segmented-control.js +382 -0
- package/dist/select.css +50 -48
- package/dist/select.js +121 -271
- package/dist/slider.css +78 -69
- package/dist/slider.js +161 -145
- package/dist/tags-input.css +197 -0
- package/dist/tags-input.js +380 -0
- package/dist/toolbar.css +15 -0
- package/dist/toolbar.js +143 -0
- package/dist/tooltip.js +35 -30
- package/dist/useEditableOptionList.js +216 -0
- package/dist/useFlatOptionCollection.js +134 -0
- package/dist/useFloatingPosition.js +4 -160
- package/dist/useFloatingTargetLifecycle.js +127 -0
- package/dist/useFormControl.js +1 -0
- package/dist/{floating.js → useHoverDisclosure.js} +338 -421
- package/dist/useNativeChoiceTransaction.js +46 -0
- package/dist/useNativeFileSelection.js +86 -0
- package/dist/useOverlayZIndex.js +246 -15
- package/dist/utils/date.d.ts +13 -0
- package/dist/utils/dateAvailability.d.ts +7 -0
- package/dist/utils/dom/ancestry.d.ts +1 -0
- package/dist/utils/dom/direction.d.ts +2 -0
- package/dist/utils/dom/files.d.ts +3 -0
- package/dist/utils/dom/focusNavigation.d.ts +4 -1
- package/dist/utils/dom/nativeChoice.d.ts +17 -0
- package/dist/utils/dom/pointerSession.d.ts +20 -0
- package/dist/utils/dom/scroll.d.ts +2 -1
- package/dist/utils/optionFilter.d.ts +5 -0
- package/docs/public-floating-api.md +7 -4
- package/docs/public-styles-api.md +28 -12
- package/package.json +68 -40
- package/src/styles/_mixins.scss +26 -0
- package/src/styles/styles-manifest.json +1 -2
- package/dist/components/floating/hoverDisclosureInteractionModel.d.ts +0 -42
- package/dist/components/floating/useHoverDisclosureInteractions.d.ts +0 -32
- package/dist/components/floating/useHoverDisclosureOpenState.d.ts +0 -25
- package/dist/components/floating/useHoverDisclosureTargetBinding.d.ts +0 -27
- package/dist/components/select/useSelectNativeControl.d.ts +0 -9
- package/dist/components/select/useSelectNativeValue.d.ts +0 -9
- package/dist/pointer.js +0 -9
- package/dist/utils/dom/pointer.d.ts +0 -2
- package/docs/code-architecture.md +0 -118
|
@@ -32,7 +32,7 @@ export declare function useScrollArea(props: Readonly<ScrollAreaProps>, emit: Sc
|
|
|
32
32
|
'aria-disabled': true | undefined;
|
|
33
33
|
'aria-hidden': true | undefined;
|
|
34
34
|
'data-orientation': string;
|
|
35
|
-
'data-direction': import('../../utils/dom/
|
|
35
|
+
'data-direction': import('../../utils/dom/direction.js').ElementDirection;
|
|
36
36
|
'data-active': "" | undefined;
|
|
37
37
|
'data-visible': "" | undefined;
|
|
38
38
|
class?: import('vue').ClassValue;
|
|
@@ -49,7 +49,7 @@ export declare function useScrollArea(props: Readonly<ScrollAreaProps>, emit: Sc
|
|
|
49
49
|
'aria-disabled': true | undefined;
|
|
50
50
|
'aria-hidden': true | undefined;
|
|
51
51
|
'data-orientation': string;
|
|
52
|
-
'data-direction': import('../../utils/dom/
|
|
52
|
+
'data-direction': import('../../utils/dom/direction.js').ElementDirection;
|
|
53
53
|
'data-active': "" | undefined;
|
|
54
54
|
'data-visible': "" | undefined;
|
|
55
55
|
class?: import('vue').ClassValue;
|
|
@@ -59,7 +59,7 @@ export declare function useScrollArea(props: Readonly<ScrollAreaProps>, emit: Sc
|
|
|
59
59
|
verticalThumbAttrs: import('vue').ComputedRef<Pick<import('vue').HTMLAttributes, "class" | "style">>;
|
|
60
60
|
cornerAttrs: import('vue').ComputedRef<{
|
|
61
61
|
'aria-hidden': boolean;
|
|
62
|
-
'data-direction': import('../../utils/dom/
|
|
62
|
+
'data-direction': import('../../utils/dom/direction.js').ElementDirection;
|
|
63
63
|
'data-visible': "" | undefined;
|
|
64
64
|
class?: import('vue').ClassValue;
|
|
65
65
|
style?: import('vue').StyleValue;
|
|
@@ -68,7 +68,7 @@ export declare function useScrollArea(props: Readonly<ScrollAreaProps>, emit: Sc
|
|
|
68
68
|
onScrollbarKeydown: (axis: ScrollAxis, event: KeyboardEvent) => void;
|
|
69
69
|
onScrollbarWheel: (axis: ScrollAxis, event: WheelEvent) => void;
|
|
70
70
|
onScrollbarPointerdown: (axis: ScrollAxis, event: PointerEvent) => void;
|
|
71
|
-
onThumbPointerdown: (axis: ScrollAxis, event: PointerEvent) =>
|
|
71
|
+
onThumbPointerdown: (axis: ScrollAxis, event: PointerEvent) => boolean;
|
|
72
72
|
scrollTo: (scrollOptions: ScrollToOptions) => void;
|
|
73
73
|
scrollBy: (scrollOptions: ScrollToOptions) => void;
|
|
74
74
|
update: () => void;
|
|
@@ -25,7 +25,7 @@ export declare function useScrollAreaAttributes({ metrics, onViewportScroll, pro
|
|
|
25
25
|
contentAttrs: import('vue').ComputedRef<HTMLAttributes>;
|
|
26
26
|
cornerAttrs: import('vue').ComputedRef<{
|
|
27
27
|
'aria-hidden': boolean;
|
|
28
|
-
'data-direction': import('../../utils/dom/
|
|
28
|
+
'data-direction': import('../../utils/dom/direction.js').ElementDirection;
|
|
29
29
|
'data-visible': "" | undefined;
|
|
30
30
|
class?: import('vue').ClassValue;
|
|
31
31
|
style?: import('vue').StyleValue;
|
|
@@ -41,7 +41,7 @@ export declare function useScrollAreaAttributes({ metrics, onViewportScroll, pro
|
|
|
41
41
|
'aria-disabled': true | undefined;
|
|
42
42
|
'aria-hidden': true | undefined;
|
|
43
43
|
'data-orientation': string;
|
|
44
|
-
'data-direction': import('../../utils/dom/
|
|
44
|
+
'data-direction': import('../../utils/dom/direction.js').ElementDirection;
|
|
45
45
|
'data-active': "" | undefined;
|
|
46
46
|
'data-visible': "" | undefined;
|
|
47
47
|
class?: import('vue').ClassValue;
|
|
@@ -60,7 +60,7 @@ export declare function useScrollAreaAttributes({ metrics, onViewportScroll, pro
|
|
|
60
60
|
'aria-disabled': true | undefined;
|
|
61
61
|
'aria-hidden': true | undefined;
|
|
62
62
|
'data-orientation': string;
|
|
63
|
-
'data-direction': import('../../utils/dom/
|
|
63
|
+
'data-direction': import('../../utils/dom/direction.js').ElementDirection;
|
|
64
64
|
'data-active': "" | undefined;
|
|
65
65
|
'data-visible': "" | undefined;
|
|
66
66
|
class?: import('vue').ClassValue;
|
|
@@ -14,6 +14,6 @@ interface UseScrollAreaPointerOptions {
|
|
|
14
14
|
}
|
|
15
15
|
export declare function useScrollAreaPointer(options: UseScrollAreaPointerOptions): {
|
|
16
16
|
onScrollbarPointerdown: (axis: ScrollAxis, event: PointerEvent) => void;
|
|
17
|
-
onThumbPointerdown: (axis: ScrollAxis, event: PointerEvent) =>
|
|
17
|
+
onThumbPointerdown: (axis: ScrollAxis, event: PointerEvent) => boolean;
|
|
18
18
|
};
|
|
19
19
|
export {};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { default as SegmentedControl } from './segmented-control.js';
|
|
2
|
+
export { segmentedControlColors, segmentedControlOrientations, segmentedControlParts, segmentedControlRadiuses, segmentedControlSizes, } from './types.js';
|
|
3
|
+
export type { SegmentedControlColor, SegmentedControlOption, SegmentedControlOptionSlotProps, SegmentedControlOrientation, SegmentedControlPart, SegmentedControlProps, SegmentedControlRadius, SegmentedControlSize, SegmentedControlValue, } from './types.js';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { a as segmentedControlSizes, i as segmentedControlRadiuses, n as segmentedControlOrientations, o as segmented_control_default, r as segmentedControlParts, t as segmentedControlColors } from "../../segmented-control.js";
|
|
2
|
+
export { segmented_control_default as SegmentedControl, segmentedControlColors, segmentedControlOrientations, segmentedControlParts, segmentedControlRadiuses, segmentedControlSizes };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { SegmentedControlOptionSlotProps, SegmentedControlProps, SegmentedControlValue } from './types.js';
|
|
2
|
+
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
+
props: import('vue').PublicProps & __VLS_PrettifyLocal<SegmentedControlProps & {
|
|
4
|
+
"onUpdate:modelValue"?: ((value: SegmentedControlValue) => any) | undefined;
|
|
5
|
+
}> & (typeof globalThis extends {
|
|
6
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
7
|
+
} ? P : {});
|
|
8
|
+
expose: (exposed: import('vue').ShallowUnwrapRef<{
|
|
9
|
+
nativeElements: import('vue').ComputedRef<(HTMLInputElement | null)[]>;
|
|
10
|
+
focus: (options?: FocusOptions) => void;
|
|
11
|
+
}>) => void;
|
|
12
|
+
attrs: any;
|
|
13
|
+
slots: {
|
|
14
|
+
option?(props: SegmentedControlOptionSlotProps): unknown;
|
|
15
|
+
};
|
|
16
|
+
emit: (evt: "update:modelValue", value: SegmentedControlValue) => void;
|
|
17
|
+
}>) => import('vue').VNode & {
|
|
18
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
19
|
+
};
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
23
|
+
[K in keyof T]: T[K];
|
|
24
|
+
} : {
|
|
25
|
+
[K in keyof T as K]: T[K];
|
|
26
|
+
}) & {};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'vue';
|
|
2
|
+
import { StylesApiProps } from '../../styles-api.js';
|
|
3
|
+
import { ComponentColorValue } from '../../utils/componentColors.js';
|
|
4
|
+
export declare const segmentedControlParts: readonly ["root", "control", "input", "indicator", "label"];
|
|
5
|
+
export declare const segmentedControlColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
|
|
6
|
+
export declare const segmentedControlSizes: readonly ["xs", "sm", "md", "lg", "xl"];
|
|
7
|
+
export declare const segmentedControlRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
|
|
8
|
+
export declare const segmentedControlOrientations: readonly ["horizontal", "vertical"];
|
|
9
|
+
export type SegmentedControlPart = (typeof segmentedControlParts)[number];
|
|
10
|
+
export type SegmentedControlColor = ComponentColorValue;
|
|
11
|
+
export type SegmentedControlSize = (typeof segmentedControlSizes)[number];
|
|
12
|
+
export type SegmentedControlRadius = (typeof segmentedControlRadiuses)[number];
|
|
13
|
+
export type SegmentedControlOrientation = (typeof segmentedControlOrientations)[number];
|
|
14
|
+
export type SegmentedControlValue = string | number;
|
|
15
|
+
export interface SegmentedControlOption {
|
|
16
|
+
label: string;
|
|
17
|
+
value: SegmentedControlValue;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface SegmentedControlOptionSlotProps {
|
|
21
|
+
option: SegmentedControlOption;
|
|
22
|
+
selected: boolean;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
}
|
|
25
|
+
export interface SegmentedControlProps extends StylesApiProps<SegmentedControlPart> {
|
|
26
|
+
id?: string;
|
|
27
|
+
name?: string;
|
|
28
|
+
form?: string;
|
|
29
|
+
modelValue?: SegmentedControlValue | null;
|
|
30
|
+
defaultValue?: SegmentedControlValue | null;
|
|
31
|
+
options?: SegmentedControlOption[];
|
|
32
|
+
color?: SegmentedControlColor;
|
|
33
|
+
autoContrast?: boolean;
|
|
34
|
+
contrastColor?: string;
|
|
35
|
+
size?: SegmentedControlSize;
|
|
36
|
+
radius?: SegmentedControlRadius;
|
|
37
|
+
orientation?: SegmentedControlOrientation;
|
|
38
|
+
fullWidth?: boolean;
|
|
39
|
+
disabled?: boolean;
|
|
40
|
+
required?: boolean;
|
|
41
|
+
invalid?: boolean;
|
|
42
|
+
ariaLabel?: string;
|
|
43
|
+
describedby?: string;
|
|
44
|
+
labelledby?: string;
|
|
45
|
+
inputAttrs?: InputHTMLAttributes;
|
|
46
|
+
validationMessage?: string;
|
|
47
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { SegmentedControlOption, SegmentedControlProps, SegmentedControlValue } from './types.js';
|
|
2
|
+
export declare function useSegmentedControl(props: Readonly<SegmentedControlProps>, emitUpdate: (value: SegmentedControlValue) => void): {
|
|
3
|
+
control: import('../../internal/composables/useControlState.js').ControlState;
|
|
4
|
+
inputRefs: import('vue').ComputedRef<(HTMLInputElement | null)[]>;
|
|
5
|
+
selectedValue: import('vue').ComputedRef<SegmentedControlValue | null>;
|
|
6
|
+
rootClass: import('vue').ComputedRef<string[]>;
|
|
7
|
+
rootStyle: import('vue').ComputedRef<Record<string, string> | undefined>;
|
|
8
|
+
groupName: import('vue').ComputedRef<string>;
|
|
9
|
+
createInputRef: (value: SegmentedControlValue) => (element: unknown) => void;
|
|
10
|
+
isSelected: (option: SegmentedControlOption) => boolean;
|
|
11
|
+
isOptionDisabled: (option: SegmentedControlOption) => boolean;
|
|
12
|
+
selectOption: (option: SegmentedControlOption) => void;
|
|
13
|
+
getInputId: (index: number) => string;
|
|
14
|
+
focus: (options?: FocusOptions) => void;
|
|
15
|
+
};
|
|
@@ -1,28 +1,40 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
1
|
+
import { CSSProperties, ComputedRef, Ref, SelectHTMLAttributes } from 'vue';
|
|
2
|
+
import { ControlState } from '../../internal/composables/useControlState.js';
|
|
3
|
+
import { FlatOptionState } from '../../internal/composables/useFlatOptionCollection.js';
|
|
4
|
+
import { ComponentElementRef } from '../../utils/dom/componentRef.js';
|
|
5
|
+
import { FloatingPlacement, FloatingSide } from '../floating/types.js';
|
|
2
6
|
import { SelectOption, SelectProps } from './types.js';
|
|
3
7
|
type SelectValue = string | number | null;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
export interface SelectControl {
|
|
9
|
+
templateRefs: {
|
|
10
|
+
select: Ref<HTMLElement | null>;
|
|
11
|
+
trigger: Ref<HTMLElement | null>;
|
|
12
|
+
native: Ref<HTMLSelectElement | null>;
|
|
13
|
+
};
|
|
14
|
+
nativeInputAttrs: ComputedRef<SelectHTMLAttributes>;
|
|
15
|
+
isOpen: Ref<boolean>;
|
|
10
16
|
popupId: string;
|
|
11
17
|
listboxId: string;
|
|
12
|
-
control:
|
|
13
|
-
visibleOptions:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
control: ControlState;
|
|
19
|
+
visibleOptions: ComputedRef<SelectOption[]>;
|
|
20
|
+
renderedOptions: ComputedRef<readonly FlatOptionState<SelectOption>[]>;
|
|
21
|
+
focusedIndex: ComputedRef<number>;
|
|
22
|
+
activeDescendantId: ComputedRef<string | undefined>;
|
|
23
|
+
rootClass: ComputedRef<string[]>;
|
|
24
|
+
floatingStyle: Readonly<Ref<CSSProperties>>;
|
|
25
|
+
actualPlacement: Readonly<Ref<FloatingPlacement>>;
|
|
26
|
+
placementSide: ComputedRef<FloatingSide>;
|
|
27
|
+
hasValue: ComputedRef<boolean>;
|
|
28
|
+
displayLabel: ComputedRef<string>;
|
|
29
|
+
selectedValue: ComputedRef<SelectValue>;
|
|
30
|
+
canClear: ComputedRef<boolean>;
|
|
31
|
+
setDropdownElement: (value: ComponentElementRef) => void;
|
|
21
32
|
toggle: () => void;
|
|
22
33
|
selectOption: (option: SelectOption) => void;
|
|
23
34
|
clearSelection: () => void;
|
|
24
|
-
onOptionMouseenter: (option: SelectOption
|
|
35
|
+
onOptionMouseenter: (option: SelectOption) => void;
|
|
25
36
|
onFocusout: (event: FocusEvent) => void;
|
|
26
|
-
onTriggerKeydown: (
|
|
27
|
-
}
|
|
37
|
+
onTriggerKeydown: (event: KeyboardEvent) => void;
|
|
38
|
+
}
|
|
39
|
+
export declare function useSelect(props: Readonly<SelectProps>, emitUpdate: (value: SelectValue) => void): SelectControl;
|
|
28
40
|
export {};
|
|
@@ -43,7 +43,7 @@ export declare function useRangeSlider(props: RangeSliderStateProps, onChange: (
|
|
|
43
43
|
tooltipContent: import('vue').ComputedRef<[string, string]>;
|
|
44
44
|
mergedTooltipContent: import('vue').ComputedRef<string>;
|
|
45
45
|
onInput: (thumb: RangeSliderThumb, event: Event) => void;
|
|
46
|
-
onTrackPointerDown: (event: PointerEvent) =>
|
|
46
|
+
onTrackPointerDown: (event: PointerEvent) => boolean;
|
|
47
47
|
onTooltipFocus: (thumb: RangeSliderThumb) => void;
|
|
48
48
|
onTooltipBlur: (thumb: RangeSliderThumb) => void;
|
|
49
49
|
onTooltipTrackMouseEnter: () => void;
|
|
@@ -14,6 +14,6 @@ interface UseRangeSliderPointerOptions<TGeometry> {
|
|
|
14
14
|
transferDrag: (from: RangeSliderThumb, to: RangeSliderThumb) => void;
|
|
15
15
|
}
|
|
16
16
|
export declare function useRangeSliderPointer<TGeometry>(options: UseRangeSliderPointerOptions<TGeometry>): {
|
|
17
|
-
onTrackPointerDown: (event: PointerEvent) =>
|
|
17
|
+
onTrackPointerDown: (event: PointerEvent) => boolean;
|
|
18
18
|
};
|
|
19
19
|
export {};
|
|
@@ -42,7 +42,7 @@ export declare function useSlider(props: SliderStateProps, onChange: (value: num
|
|
|
42
42
|
tooltipFormattedValue: import('vue').ComputedRef<string | number>;
|
|
43
43
|
tooltipContent: import('vue').ComputedRef<string>;
|
|
44
44
|
onInput: (event: Event) => void;
|
|
45
|
-
|
|
45
|
+
onTrackPointerDown: (event: PointerEvent) => boolean;
|
|
46
46
|
onTooltipPointerMove: (event: PointerEvent) => void;
|
|
47
47
|
onTooltipTrackEnter: (event: PointerEvent) => void;
|
|
48
48
|
onTooltipTrackLeave: () => void;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComputedRef, Ref } from 'vue';
|
|
2
|
+
import { SliderBounds } from './sliderModel.js';
|
|
3
|
+
import { SliderOrientation } from './types.js';
|
|
4
|
+
interface UseSliderPointerOptions {
|
|
5
|
+
bounds: ComputedRef<SliderBounds>;
|
|
6
|
+
disabled: () => boolean;
|
|
7
|
+
inputRef: Ref<HTMLInputElement | null>;
|
|
8
|
+
orientation: () => SliderOrientation;
|
|
9
|
+
step: ComputedRef<number | 'any'>;
|
|
10
|
+
updateValue: (value: number) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare function useSliderPointer(options: UseSliderPointerOptions): {
|
|
13
|
+
onPointerDown: (event: PointerEvent) => boolean;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
@@ -30,4 +30,5 @@ export declare function useSliderValueState(props: SliderStateProps, onChange: (
|
|
|
30
30
|
hasMarkLabels: import('vue').ComputedRef<boolean>;
|
|
31
31
|
trackSlotProps: import('vue').ComputedRef<SliderTrackSlotProps>;
|
|
32
32
|
onInput: (event: Event) => void;
|
|
33
|
+
updateValue: (value: number) => void;
|
|
33
34
|
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { TagsInputProps, TagsInputTagSlotProps } from './types.js';
|
|
2
|
+
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
+
props: import('vue').PublicProps & __VLS_PrettifyLocal<TagsInputProps & {
|
|
4
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
5
|
+
}> & (typeof globalThis extends {
|
|
6
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
7
|
+
} ? P : {});
|
|
8
|
+
expose: (exposed: import('vue').ShallowUnwrapRef<{
|
|
9
|
+
nativeElement: import('vue').Ref<HTMLSelectElement | null, HTMLSelectElement | null>;
|
|
10
|
+
inputElement: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
|
|
11
|
+
focus: () => void | undefined;
|
|
12
|
+
}>) => void;
|
|
13
|
+
attrs: any;
|
|
14
|
+
slots: {
|
|
15
|
+
tag?(props: TagsInputTagSlotProps): unknown;
|
|
16
|
+
};
|
|
17
|
+
emit: (evt: "update:modelValue", value: string[]) => void;
|
|
18
|
+
}>) => import('vue').VNode & {
|
|
19
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
20
|
+
};
|
|
21
|
+
declare const _default: typeof __VLS_export;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
24
|
+
[K in keyof T]: T[K];
|
|
25
|
+
} : {
|
|
26
|
+
[K in keyof T as K]: T[K];
|
|
27
|
+
}) & {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TagsInputValueValidator } from './types.js';
|
|
2
|
+
export interface AddTagsInputValuesOptions {
|
|
3
|
+
allowDuplicates: boolean;
|
|
4
|
+
maxTags?: number;
|
|
5
|
+
validate?: TagsInputValueValidator;
|
|
6
|
+
}
|
|
7
|
+
export declare function normalizeTagsInputValue(value: string): string;
|
|
8
|
+
export declare function addTagsInputValues(values: readonly string[], candidates: readonly string[], options: AddTagsInputValuesOptions): string[];
|
|
9
|
+
export declare function splitTagsInputValue(value: string, splitChars: readonly string[]): {
|
|
10
|
+
tags: string[];
|
|
11
|
+
remainder: string;
|
|
12
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'vue';
|
|
2
|
+
import { StylesApiProps } from '../../styles-api.js';
|
|
3
|
+
export type TagsInputValueValidator = (value: string) => boolean;
|
|
4
|
+
export type TagsInputRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
export type TagsInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
export interface TagsInputTagSlotProps {
|
|
7
|
+
value: string;
|
|
8
|
+
}
|
|
9
|
+
export interface TagsInputProps extends StylesApiProps<TagsInputPart> {
|
|
10
|
+
id?: string;
|
|
11
|
+
name?: string;
|
|
12
|
+
form?: string;
|
|
13
|
+
modelValue?: string[];
|
|
14
|
+
defaultValue?: string[];
|
|
15
|
+
maxTags?: number;
|
|
16
|
+
allowDuplicates?: boolean;
|
|
17
|
+
splitChars?: string[];
|
|
18
|
+
acceptValueOnBlur?: boolean;
|
|
19
|
+
validate?: TagsInputValueValidator;
|
|
20
|
+
size?: TagsInputSize;
|
|
21
|
+
radius?: TagsInputRadius;
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
clearable?: boolean;
|
|
24
|
+
clearLabel?: string;
|
|
25
|
+
removeLabel?: string;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
readonly?: boolean;
|
|
28
|
+
required?: boolean;
|
|
29
|
+
invalid?: boolean;
|
|
30
|
+
ariaLabel?: string;
|
|
31
|
+
describedby?: string;
|
|
32
|
+
labelledby?: string;
|
|
33
|
+
inputAttrs?: InputHTMLAttributes;
|
|
34
|
+
validationMessage?: string;
|
|
35
|
+
}
|
|
36
|
+
export declare const tagsInputParts: readonly ["root", "tags", "tag", "tagLabel", "tagRemove", "input", "clear"];
|
|
37
|
+
export type TagsInputPart = (typeof tagsInputParts)[number];
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ComputedRef, Ref, SelectHTMLAttributes } from 'vue';
|
|
2
|
+
import { ControlState } from '../../internal/composables/useControlState.js';
|
|
3
|
+
import { TagsInputProps } from './types.js';
|
|
4
|
+
export interface TagsInputControl {
|
|
5
|
+
templateRefs: {
|
|
6
|
+
root: Ref<HTMLElement | null>;
|
|
7
|
+
input: Ref<HTMLInputElement | null>;
|
|
8
|
+
native: Ref<HTMLSelectElement | null>;
|
|
9
|
+
};
|
|
10
|
+
nativeSelectAttrs: ComputedRef<SelectHTMLAttributes>;
|
|
11
|
+
control: ControlState;
|
|
12
|
+
rootClass: ComputedRef<string[]>;
|
|
13
|
+
values: ComputedRef<string[]>;
|
|
14
|
+
searchValue: Ref<string>;
|
|
15
|
+
canClear: ComputedRef<boolean>;
|
|
16
|
+
removeTag: (index: number) => void;
|
|
17
|
+
clear: () => void;
|
|
18
|
+
focusInput: (event?: MouseEvent) => void;
|
|
19
|
+
onInput: (event: Event) => void;
|
|
20
|
+
onInputBlur: (event: FocusEvent) => void;
|
|
21
|
+
onInputKeydown: (event: KeyboardEvent) => void;
|
|
22
|
+
}
|
|
23
|
+
export declare function useTagsInput(props: Readonly<TagsInputProps>, emitUpdate: (value: string[]) => void): TagsInputControl;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ToolbarProps } from './types.js';
|
|
2
|
+
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
+
props: import('vue').PublicProps & __VLS_PrettifyLocal<ToolbarProps> & (typeof globalThis extends {
|
|
4
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
+
} ? P : {});
|
|
6
|
+
expose: (exposed: import('vue').ShallowUnwrapRef<{
|
|
7
|
+
nativeElement: import('vue').ShallowRef<HTMLElement | null, HTMLElement | null>;
|
|
8
|
+
focus: () => void;
|
|
9
|
+
}>) => void;
|
|
10
|
+
attrs: any;
|
|
11
|
+
slots: {
|
|
12
|
+
default?: (props: {}) => any;
|
|
13
|
+
};
|
|
14
|
+
emit: {};
|
|
15
|
+
}>) => import('vue').VNode & {
|
|
16
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
17
|
+
};
|
|
18
|
+
declare const _default: typeof __VLS_export;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
21
|
+
[K in keyof T]: T[K];
|
|
22
|
+
} : {
|
|
23
|
+
[K in keyof T as K]: T[K];
|
|
24
|
+
}) & {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StylesApiProps } from '../../styles-api.js';
|
|
2
|
+
export declare const toolbarParts: readonly ["root"];
|
|
3
|
+
export declare const toolbarOrientations: readonly ["horizontal", "vertical"];
|
|
4
|
+
export type ToolbarPart = (typeof toolbarParts)[number];
|
|
5
|
+
export type ToolbarOrientation = (typeof toolbarOrientations)[number];
|
|
6
|
+
export interface ToolbarProps extends StylesApiProps<ToolbarPart> {
|
|
7
|
+
id?: string;
|
|
8
|
+
orientation?: ToolbarOrientation;
|
|
9
|
+
ariaLabel?: string;
|
|
10
|
+
describedby?: string;
|
|
11
|
+
labelledby?: string;
|
|
12
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ShallowRef } from 'vue';
|
|
2
|
+
import { ToolbarOrientation } from './types.js';
|
|
3
|
+
export declare function useToolbar(root: ShallowRef<HTMLElement | null>, getOrientation: () => ToolbarOrientation): {
|
|
4
|
+
focus: () => void;
|
|
5
|
+
onFocusin: (event: FocusEvent) => void;
|
|
6
|
+
onKeydown: (event: KeyboardEvent) => void;
|
|
7
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { FloatingTargetLifecycle } from '../floating/useFloatingTargetLifecycle.js';
|
|
3
|
+
interface UseTooltipTargetBindingsOptions {
|
|
4
|
+
targetLifecycle: FloatingTargetLifecycle;
|
|
5
|
+
shouldDescribeContent: Readonly<Ref<boolean>>;
|
|
6
|
+
tooltipId: Readonly<Ref<string>>;
|
|
7
|
+
openTooltip: () => void;
|
|
8
|
+
closeTooltip: () => void;
|
|
9
|
+
onKeydown: (event: KeyboardEvent) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare function useTooltipTargetBindings({ targetLifecycle, shouldDescribeContent, tooltipId, openTooltip, closeTooltip, onKeydown, }: UseTooltipTargetBindingsOptions): void;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
@layer ropav.components {
|
|
2
|
+
.rp-date-picker[data-v-4508ba14] {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
max-width: 100%;
|
|
5
|
+
font-family: var(--rp-font-family);
|
|
6
|
+
vertical-align: middle;
|
|
7
|
+
}
|
|
8
|
+
.rp-date-picker[data-v-4508ba14] .rp-input {
|
|
9
|
+
width: 100%;
|
|
10
|
+
min-width: 180px;
|
|
11
|
+
}
|
|
12
|
+
.rp-date-picker__clear[data-v-4508ba14], .rp-date-picker__indicator[data-v-4508ba14] {
|
|
13
|
+
padding: 0;
|
|
14
|
+
font: inherit;
|
|
15
|
+
background: none;
|
|
16
|
+
border: none;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
display: inline-flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
justify-content: center;
|
|
21
|
+
flex-shrink: 0;
|
|
22
|
+
border-radius: var(--rp-radius-xs);
|
|
23
|
+
color: var(--rp-color-control-icon);
|
|
24
|
+
transition: color var(--rp-transition-fast), opacity var(--rp-transition-fast);
|
|
25
|
+
}
|
|
26
|
+
.rp-date-picker__clear[data-v-4508ba14]:hover:not(:disabled), .rp-date-picker__indicator[data-v-4508ba14]:hover:not(:disabled) {
|
|
27
|
+
color: var(--rp-color-control-fg);
|
|
28
|
+
}
|
|
29
|
+
.rp-date-picker__clear[data-v-4508ba14]:focus-visible, .rp-date-picker__indicator[data-v-4508ba14]:focus-visible {
|
|
30
|
+
outline: var(--rp-border-width-medium) solid var(--rp-color-focus-ring);
|
|
31
|
+
outline-offset: 2px;
|
|
32
|
+
}
|
|
33
|
+
.rp-date-picker__clear[data-v-4508ba14]:disabled, .rp-date-picker__indicator[data-v-4508ba14]:disabled {
|
|
34
|
+
cursor: not-allowed;
|
|
35
|
+
opacity: var(--rp-opacity-disabled);
|
|
36
|
+
}
|
|
37
|
+
.rp-date-picker__clear[data-v-4508ba14] > svg, .rp-date-picker__indicator[data-v-4508ba14] > svg {
|
|
38
|
+
width: 1em;
|
|
39
|
+
height: 1em;
|
|
40
|
+
}
|
|
41
|
+
.rp-date-picker__clear--hidden[data-v-4508ba14] {
|
|
42
|
+
visibility: hidden;
|
|
43
|
+
pointer-events: none;
|
|
44
|
+
}
|
|
45
|
+
.rp-popover__content.rp-date-picker__popover {
|
|
46
|
+
min-width: auto;
|
|
47
|
+
padding: var(--rp-spacing-3);
|
|
48
|
+
}
|
|
49
|
+
}
|