ropav 0.4.0 → 0.6.0
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/autocomplete/autocomplete-root.js +3 -1
- package/dist/components/autocomplete/index.d.ts +3 -0
- package/dist/components/breadcrumbs/breadcrumbs-item.js +1 -0
- package/dist/components/breadcrumbs/index.d.ts +1 -0
- package/dist/components/calendar/index.d.ts +5 -3
- package/dist/components/calendar-year-picker/index.d.ts +4 -2
- package/dist/components/checkbox/checkbox-content.js +1 -1
- package/dist/components/color-field/index.d.ts +1 -0
- package/dist/components/color-input-group/color-input-group-root.js +2 -0
- package/dist/components/color-input-group/color-input-group.types.d.ts +2 -0
- package/dist/components/color-input-group/index.d.ts +2 -0
- package/dist/components/combo-box/combo-box-root.js +9 -2
- package/dist/components/combo-box/combo-box.types.d.ts +3 -0
- package/dist/components/combo-box/index.d.ts +3 -0
- package/dist/components/date-field/index.d.ts +1 -0
- package/dist/components/date-input-group/date-input-group-root.js +2 -0
- package/dist/components/date-input-group/date-input-group-segment.js +1 -1
- package/dist/components/date-input-group/date-input-group.types.d.ts +2 -0
- package/dist/{composables → components/date-input-group}/use-date-segment.d.ts +2 -2
- package/dist/{composables → components/date-input-group}/use-date-segment.js +9 -9
- package/dist/components/date-range-picker/date-range-picker-root.js +1 -1
- package/dist/components/date-range-picker/index.d.ts +15 -14
- package/dist/{composables → components/date-range-picker}/use-date-range-picker.d.ts +7 -7
- package/dist/{composables → components/date-range-picker}/use-date-range-picker.js +10 -10
- package/dist/components/drawer/drawer-dialog.js +1 -1
- package/dist/{composables → components/drawer}/use-drawer-drag.d.ts +1 -1
- package/dist/{composables → components/drawer}/use-drawer-drag.js +1 -1
- package/dist/components/drop-zone/drop-zone-root.d.ts +23 -0
- package/dist/components/drop-zone/drop-zone-root.js +153 -0
- package/dist/components/drop-zone/drop-zone-trigger.d.ts +21 -0
- package/dist/components/drop-zone/drop-zone-trigger.js +20 -0
- package/dist/components/drop-zone/drop-zone.accept.d.ts +19 -0
- package/dist/components/drop-zone/drop-zone.accept.js +28 -0
- package/dist/components/drop-zone/drop-zone.context.d.ts +6 -0
- package/dist/components/drop-zone/drop-zone.context.js +5 -0
- package/dist/components/drop-zone/drop-zone.types.d.ts +30 -0
- package/dist/components/drop-zone/index.d.ts +86 -0
- package/dist/components/drop-zone/index.js +11 -0
- package/dist/components/dropdown/dropdown-menu.js +1 -0
- package/dist/components/dropdown/dropdown-submenu-trigger.js +1 -1
- package/dist/components/dropdown/index.d.ts +4 -2
- package/dist/{composables → components/dropdown}/use-safely-mouse-to-submenu.js +1 -1
- package/dist/components/icons/icon-overlay-arrow.js +1 -1
- package/dist/components/index.d.ts +5 -0
- package/dist/components/input/index.d.ts +2 -0
- package/dist/components/input/input-root.js +3 -0
- package/dist/components/input/input.types.d.ts +5 -0
- package/dist/components/input-group/index.d.ts +2 -0
- package/dist/components/input-group/input-group-root.js +3 -0
- package/dist/components/input-group/input-group.types.d.ts +5 -0
- package/dist/components/input-otp/index.d.ts +6 -4
- package/dist/components/link/index.d.ts +2 -0
- package/dist/components/link/link-root.js +22 -5
- package/dist/components/link/link.types.d.ts +14 -3
- package/dist/{composables → components/list-box}/drag-collection.d.ts +2 -2
- package/dist/{composables → components/list-box}/drag-collection.js +1 -1
- package/dist/components/list-box/index.d.ts +4 -0
- package/dist/components/list-box/list-box-root.js +53 -32
- package/dist/components/list-box/list-box.types.d.ts +2 -0
- package/dist/components/menu/index.d.ts +2 -0
- package/dist/components/menu/menu-root.js +5 -1
- package/dist/components/menu/menu.types.d.ts +3 -0
- package/dist/components/number-field/index.d.ts +3 -0
- package/dist/components/number-field/number-field-root.js +2 -0
- package/dist/components/number-field/number-field.types.d.ts +2 -0
- package/dist/components/overlay/overlay-arrow.js +64 -11
- package/dist/components/progress-bar/index.d.ts +4 -0
- package/dist/components/progress-bar/progress-bar-root.js +4 -0
- package/dist/components/progress-bar/progress-bar.types.d.ts +7 -0
- package/dist/components/radio/radio-content.js +1 -1
- package/dist/components/range-calendar/index.d.ts +18 -15
- package/dist/components/router-provider/index.d.ts +5 -0
- package/dist/components/router-provider/index.js +3 -0
- package/dist/components/router-provider/router-provider.context.d.ts +40 -0
- package/dist/components/router-provider/router-provider.context.js +16 -0
- package/dist/components/router-provider/router-provider.d.ts +21 -0
- package/dist/components/router-provider/router-provider.js +22 -0
- package/dist/components/router-provider/router-provider.types.d.ts +23 -0
- package/dist/components/scroll-shadow/use-scroll-shadow.js +25 -1
- package/dist/components/search-field/index.d.ts +2 -0
- package/dist/components/search-field/search-field-root.js +3 -1
- package/dist/components/search-field/search-field.types.d.ts +2 -0
- package/dist/{composables → components/search-field}/use-search-field.d.ts +2 -2
- package/dist/{composables → components/search-field}/use-search-field.js +3 -3
- package/dist/components/segmented-control/index.d.ts +134 -0
- package/dist/components/segmented-control/index.js +15 -0
- package/dist/components/segmented-control/segmented-control-indicator.d.ts +19 -0
- package/dist/components/segmented-control/segmented-control-indicator.js +36 -0
- package/dist/components/segmented-control/segmented-control-item.d.ts +21 -0
- package/dist/components/segmented-control/segmented-control-item.js +96 -0
- package/dist/components/segmented-control/segmented-control-root.d.ts +25 -0
- package/dist/components/segmented-control/segmented-control-root.js +112 -0
- package/dist/components/segmented-control/segmented-control-separator.d.ts +19 -0
- package/dist/components/segmented-control/segmented-control-separator.js +18 -0
- package/dist/components/segmented-control/segmented-control.context.d.ts +17 -0
- package/dist/components/segmented-control/segmented-control.context.js +12 -0
- package/dist/components/segmented-control/segmented-control.types.d.ts +67 -0
- package/dist/components/select/index.d.ts +3 -0
- package/dist/components/select/select-hidden-select.js +1 -1
- package/dist/components/select/select-root.js +2 -0
- package/dist/components/select/select.types.d.ts +2 -0
- package/dist/components/sidebar/index.d.ts +546 -0
- package/dist/components/sidebar/index.js +47 -0
- package/dist/components/sidebar/sidebar-collapsible-trigger.d.ts +21 -0
- package/dist/components/sidebar/sidebar-collapsible-trigger.js +70 -0
- package/dist/components/sidebar/sidebar-collapsible.d.ts +24 -0
- package/dist/components/sidebar/sidebar-collapsible.js +78 -0
- package/dist/components/sidebar/sidebar-content.d.ts +21 -0
- package/dist/components/sidebar/sidebar-content.js +37 -0
- package/dist/components/sidebar/sidebar-footer.d.ts +21 -0
- package/dist/components/sidebar/sidebar-footer.js +24 -0
- package/dist/components/sidebar/sidebar-group-label.d.ts +21 -0
- package/dist/components/sidebar/sidebar-group-label.js +32 -0
- package/dist/components/sidebar/sidebar-group.d.ts +21 -0
- package/dist/components/sidebar/sidebar-group.js +48 -0
- package/dist/components/sidebar/sidebar-header.d.ts +21 -0
- package/dist/components/sidebar/sidebar-header.js +24 -0
- package/dist/components/sidebar/sidebar-inset.d.ts +21 -0
- package/dist/components/sidebar/sidebar-inset.js +24 -0
- package/dist/components/sidebar/sidebar-item-icon.d.ts +21 -0
- package/dist/components/sidebar/sidebar-item-icon.js +20 -0
- package/dist/components/sidebar/sidebar-item-indicator.d.ts +21 -0
- package/dist/components/sidebar/sidebar-item-indicator.js +48 -0
- package/dist/components/sidebar/sidebar-item-label.d.ts +21 -0
- package/dist/components/sidebar/sidebar-item-label.js +28 -0
- package/dist/components/sidebar/sidebar-item-tooltip.d.ts +21 -0
- package/dist/components/sidebar/sidebar-item-tooltip.js +38 -0
- package/dist/components/sidebar/sidebar-item-trailing.d.ts +21 -0
- package/dist/components/sidebar/sidebar-item-trailing.js +28 -0
- package/dist/components/sidebar/sidebar-item.d.ts +23 -0
- package/dist/components/sidebar/sidebar-item.js +160 -0
- package/dist/components/sidebar/sidebar-panel.d.ts +21 -0
- package/dist/components/sidebar/sidebar-panel.js +88 -0
- package/dist/components/sidebar/sidebar-rail.d.ts +21 -0
- package/dist/components/sidebar/sidebar-rail.js +210 -0
- package/dist/components/sidebar/sidebar-root.d.ts +31 -0
- package/dist/components/sidebar/sidebar-root.js +140 -0
- package/dist/components/sidebar/sidebar-separator.d.ts +19 -0
- package/dist/components/sidebar/sidebar-separator.js +16 -0
- package/dist/components/sidebar/sidebar-sub-menu.d.ts +23 -0
- package/dist/components/sidebar/sidebar-sub-menu.js +40 -0
- package/dist/components/sidebar/sidebar-trigger.d.ts +21 -0
- package/dist/components/sidebar/sidebar-trigger.js +69 -0
- package/dist/components/sidebar/sidebar.context.d.ts +75 -0
- package/dist/components/sidebar/sidebar.context.js +30 -0
- package/dist/components/sidebar/sidebar.state.d.ts +73 -0
- package/dist/components/sidebar/sidebar.state.js +76 -0
- package/dist/components/sidebar/sidebar.storage.d.ts +8 -0
- package/dist/components/sidebar/sidebar.storage.js +45 -0
- package/dist/components/sidebar/sidebar.types.d.ts +273 -0
- package/dist/components/splitter/index.d.ts +143 -0
- package/dist/components/splitter/index.js +13 -0
- package/dist/components/splitter/splitter-handle.d.ts +21 -0
- package/dist/components/splitter/splitter-handle.js +209 -0
- package/dist/components/splitter/splitter-panel.d.ts +21 -0
- package/dist/components/splitter/splitter-panel.js +70 -0
- package/dist/components/splitter/splitter-root.d.ts +31 -0
- package/dist/components/splitter/splitter-root.js +152 -0
- package/dist/components/splitter/splitter.context.d.ts +15 -0
- package/dist/components/splitter/splitter.context.js +5 -0
- package/dist/components/splitter/splitter.state.d.ts +87 -0
- package/dist/components/splitter/splitter.state.js +322 -0
- package/dist/components/splitter/splitter.storage.d.ts +15 -0
- package/dist/components/splitter/splitter.storage.js +56 -0
- package/dist/components/splitter/splitter.types.d.ts +98 -0
- package/dist/components/switch/switch-content.js +1 -1
- package/dist/components/table/index.d.ts +10 -9
- package/dist/components/table/table-body.js +13 -13
- package/dist/components/table/table-cell.js +49 -46
- package/dist/components/table/table-column-resizer.js +1 -1
- package/dist/components/table/table-column.js +1 -1
- package/dist/components/table/table-content.js +37 -18
- package/dist/{composables → components/table}/table-drag-collection.d.ts +1 -1
- package/dist/{composables → components/table}/table-drag-collection.js +1 -1
- package/dist/components/table/table-drop-indicator.js +3 -1
- package/dist/components/table/table-resizable-container.d.ts +4 -5
- package/dist/components/table/table-row.js +45 -14
- package/dist/components/table/table-virtualizer-item.d.ts +2 -7
- package/dist/components/table/table-virtualizer-item.js +20 -9
- package/dist/components/table/table.context.d.ts +11 -3
- package/dist/components/table/table.types.d.ts +1 -1
- package/dist/{composables → components/table}/use-grid-keyboard.d.ts +3 -3
- package/dist/{composables → components/table}/use-grid-keyboard.js +57 -55
- package/dist/{composables → components/table}/use-grid-selection-announcement.d.ts +2 -2
- package/dist/{composables → components/table}/use-grid-selection-announcement.js +2 -2
- package/dist/{composables → components/table}/use-table-collection.d.ts +2 -2
- package/dist/{composables → components/table}/use-table-collection.js +4 -4
- package/dist/{composables → components/table}/use-table-column-layout.d.ts +13 -20
- package/dist/components/table/use-table-column-layout.js +115 -0
- package/dist/components/textarea/index.d.ts +2 -0
- package/dist/components/textarea/textarea-root.js +3 -0
- package/dist/components/textarea/textarea.types.d.ts +5 -0
- package/dist/components/textfield/index.d.ts +2 -0
- package/dist/components/textfield/textfield-root.js +5 -1
- package/dist/components/textfield/textfield.context.d.ts +2 -0
- package/dist/components/textfield/textfield.types.d.ts +5 -0
- package/dist/components/time-field/index.d.ts +1 -0
- package/dist/components/toast/index.d.ts +1 -0
- package/dist/components/toast/toast-default-content.js +1 -1
- package/dist/components/toolbar/index.d.ts +3 -2
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/tooltip-root.js +1 -1
- package/dist/components/virtualizer/index.d.ts +3 -1
- package/dist/components/virtualizer/index.js +2 -1
- package/dist/components/virtualizer/use-virtualizer-item.d.ts +23 -0
- package/dist/components/virtualizer/use-virtualizer-item.js +45 -0
- package/dist/components/virtualizer/virtualizer-item.js +7 -41
- package/dist/components/virtualizer/virtualizer-scrollbar-track.d.ts +20 -0
- package/dist/components/virtualizer/virtualizer-scrollbar-track.js +141 -0
- package/dist/components/virtualizer/virtualizer-scrollbar.d.ts +18 -0
- package/dist/components/virtualizer/virtualizer-scrollbar.js +55 -0
- package/dist/components/virtualizer/virtualizer.context.d.ts +17 -1
- package/dist/composables/drag-manager.js +1 -13
- package/dist/composables/index.d.ts +3 -70
- package/dist/composables/use-collection.d.ts +22 -3
- package/dist/composables/use-collection.js +67 -14
- package/dist/composables/use-color-area.js +2 -2
- package/dist/composables/use-color-field.js +1 -1
- package/dist/composables/use-combo-box.js +1 -1
- package/dist/composables/use-date-field.js +1 -1
- package/dist/composables/use-drag.d.ts +6 -5
- package/dist/composables/use-draggable-item.d.ts +2 -2
- package/dist/composables/use-droppable-collection.js +3 -3
- package/dist/composables/use-droppable-item.js +1 -1
- package/dist/composables/use-form-reset.d.ts +6 -2
- package/dist/composables/use-form-reset.js +9 -5
- package/dist/composables/use-list-keyboard.js +64 -62
- package/dist/composables/use-number-field.js +1 -1
- package/dist/composables/use-select.js +2 -2
- package/dist/composables/use-selection-manager.js +4 -4
- package/dist/composables/use-single-select-list-state.d.ts +37 -0
- package/dist/composables/use-single-select-list-state.js +110 -0
- package/dist/composables/use-slider-thumb.js +2 -2
- package/dist/composables/use-slider.js +1 -1
- package/dist/composables/use-tab-list-state.d.ts +10 -29
- package/dist/composables/use-tab-list-state.js +10 -99
- package/dist/composables/use-text-field.js +1 -1
- package/dist/composables/use-virtualizer-scroll.d.ts +52 -2
- package/dist/composables/use-virtualizer-scroll.js +79 -13
- package/dist/composables/use-virtualizer.d.ts +24 -4
- package/dist/composables/use-virtualizer.js +40 -6
- package/dist/index.js +60 -83
- package/dist/utils/document-order.d.ts +14 -0
- package/dist/utils/document-order.js +17 -0
- package/dist/utils/flex-sizing.d.ts +41 -0
- package/dist/utils/flex-sizing.js +140 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/open-link.d.ts +31 -0
- package/dist/utils/open-link.js +32 -0
- package/dist/utils/story-truncation.d.ts +20 -0
- package/dist/utils/story-users.d.ts +11 -0
- package/dist/utils/virtualizer-collection.d.ts +14 -4
- package/dist/utils/virtualizer-collection.js +9 -14
- package/dist/utils/virtualizer-layout-info.js +3 -2
- package/dist/utils/virtualizer-list-layout.d.ts +75 -29
- package/dist/utils/virtualizer-list-layout.js +182 -99
- package/dist/utils/virtualizer-offsets.d.ts +111 -0
- package/dist/utils/virtualizer-offsets.js +159 -0
- package/dist/utils/virtualizer-overscan.d.ts +9 -15
- package/dist/utils/virtualizer-overscan.js +14 -33
- package/dist/utils/virtualizer-table-layout.d.ts +50 -21
- package/dist/utils/virtualizer-table-layout.js +130 -89
- package/dist/version.js +1 -1
- package/package.json +25 -5
- package/dist/composables/use-table-column-layout.js +0 -214
- /package/dist/{composables → components/dropdown}/use-safely-mouse-to-submenu.d.ts +0 -0
|
@@ -67,7 +67,8 @@ var autocomplete_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /
|
|
|
67
67
|
placeholder: {},
|
|
68
68
|
ariaLabel: {},
|
|
69
69
|
ariaLabelledby: {},
|
|
70
|
-
ariaDescribedby: {}
|
|
70
|
+
ariaDescribedby: {},
|
|
71
|
+
size: {}
|
|
71
72
|
},
|
|
72
73
|
emits: [
|
|
73
74
|
"change",
|
|
@@ -139,6 +140,7 @@ var autocomplete_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /
|
|
|
139
140
|
});
|
|
140
141
|
const styles = computed(() => autocompleteVariants({
|
|
141
142
|
fullWidth: props.fullWidth,
|
|
143
|
+
size: props.size,
|
|
142
144
|
variant: props.variant
|
|
143
145
|
}));
|
|
144
146
|
const isDisabled = computed(() => Boolean(props.isDisabled));
|
|
@@ -39,6 +39,7 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
|
|
|
39
39
|
ariaLabel?: string;
|
|
40
40
|
ariaLabelledby?: string;
|
|
41
41
|
ariaDescribedby?: string;
|
|
42
|
+
size?: import("@ropav/styles").SelectVariants["size"];
|
|
42
43
|
variant?: import("@ropav/styles").AutocompleteVariants["variant"];
|
|
43
44
|
fullWidth?: boolean;
|
|
44
45
|
onChange?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
|
|
@@ -187,6 +188,7 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
|
|
|
187
188
|
ariaLabel?: string;
|
|
188
189
|
ariaLabelledby?: string;
|
|
189
190
|
ariaDescribedby?: string;
|
|
191
|
+
size?: import("@ropav/styles").SelectVariants["size"];
|
|
190
192
|
variant?: import("@ropav/styles").AutocompleteVariants["variant"];
|
|
191
193
|
fullWidth?: boolean;
|
|
192
194
|
onChange?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
|
|
@@ -255,5 +257,6 @@ export { AutocompleteClearButton, AutocompleteFilter, AutocompleteIndicator, Aut
|
|
|
255
257
|
export type { AutocompleteClearButtonProps, AutocompleteFilterEmits, AutocompleteRootEmits, AutocompleteFilterProps, AutocompleteFilterSlotProps, AutocompleteIndicatorProps, AutocompletePopoverProps, AutocompleteRootProps, AutocompleteRootProps as AutocompleteProps, AutocompleteRootSlotProps, AutocompleteTriggerProps, AutocompleteTriggerSlotProps, AutocompleteValueProps, AutocompleteValueSlotProps, } from "./autocomplete.types.js";
|
|
256
258
|
export { useAutocompleteContext } from "./autocomplete.context.js";
|
|
257
259
|
export type { AutocompleteContext } from "./autocomplete.context.js";
|
|
260
|
+
export type { UseSelectReturn } from "../../composables/use-select.js";
|
|
258
261
|
export { autocompleteVariants } from "@ropav/styles";
|
|
259
262
|
export type { AutocompleteVariants } from "@ropav/styles";
|
|
@@ -42,6 +42,7 @@ export declare const Breadcrumbs: ((__VLS_props: NonNullable<Awaited<typeof __VL
|
|
|
42
42
|
referrerPolicy?: import("../index.js").LinkReferrerPolicy;
|
|
43
43
|
hrefLang?: string;
|
|
44
44
|
isDisabled?: boolean;
|
|
45
|
+
routerOptions?: unknown;
|
|
45
46
|
ariaLabel?: string;
|
|
46
47
|
ariaLabelledby?: string;
|
|
47
48
|
ariaDescribedby?: string;
|
|
@@ -214,7 +214,7 @@ export declare const Calendar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
|
|
|
214
214
|
props: import('vue').PublicProps & {
|
|
215
215
|
class?: string;
|
|
216
216
|
offset?: import("@internationalized/date").DateDuration;
|
|
217
|
-
format?: import("
|
|
217
|
+
format?: import("./index.js").CalendarHeadingFormatOptions;
|
|
218
218
|
} & (typeof globalThis extends {
|
|
219
219
|
__VLS_PROPS_FALLBACK: infer P;
|
|
220
220
|
} ? P : {});
|
|
@@ -328,7 +328,7 @@ export declare const Calendar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
|
|
|
328
328
|
props: import('vue').PublicProps & {
|
|
329
329
|
class?: string;
|
|
330
330
|
visibleYears?: number;
|
|
331
|
-
format?: import("
|
|
331
|
+
format?: import("../index.js").CalendarYearPickerFormatOptions;
|
|
332
332
|
} & (typeof globalThis extends {
|
|
333
333
|
__VLS_PROPS_FALLBACK: infer P;
|
|
334
334
|
} ? P : {});
|
|
@@ -393,7 +393,7 @@ export declare const Calendar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
|
|
|
393
393
|
props: import('vue').PublicProps & {
|
|
394
394
|
class?: string;
|
|
395
395
|
offset?: import("@internationalized/date").DateDuration;
|
|
396
|
-
format?: import("
|
|
396
|
+
format?: import("./index.js").CalendarHeadingFormatOptions;
|
|
397
397
|
} & (typeof globalThis extends {
|
|
398
398
|
__VLS_PROPS_FALLBACK: infer P;
|
|
399
399
|
} ? P : {});
|
|
@@ -432,5 +432,7 @@ export { CalendarCell, CalendarCellIndicator, CalendarGrid, CalendarGridBody, Ca
|
|
|
432
432
|
export type { CalendarCellIndicatorProps, CalendarCellProps, CalendarCellSlotProps, CalendarGridBodyProps, CalendarGridBodySlotProps, CalendarGridHeaderProps, CalendarGridHeaderSlotProps, CalendarGridProps, CalendarHeaderCellProps, CalendarHeaderProps, CalendarHeadingProps, CalendarNavButtonProps, CalendarRootProps, CalendarRootProps as CalendarProps, CalendarRootSlotProps, } from "./calendar.types.js";
|
|
433
433
|
export { provideCalendarOwnerContext, provideCalendarStateContext, useCalendarOwnerContext, useCalendarStateContext, } from "./calendar.context.js";
|
|
434
434
|
export type { CalendarOwnedProps, CalendarOwnerContext, CalendarStateContext, } from "./calendar.context.js";
|
|
435
|
+
export type { AnyCalendarState, UseCalendarReturn } from "../../composables/use-calendar.js";
|
|
436
|
+
export type { CalendarHeadingFormatOptions } from "../../composables/use-calendar-heading.js";
|
|
435
437
|
export { calendarVariants } from "@ropav/styles";
|
|
436
438
|
export type { CalendarVariants } from "@ropav/styles";
|
|
@@ -38,7 +38,7 @@ export declare const CalendarYearPicker: {
|
|
|
38
38
|
props: import('vue').PublicProps & {
|
|
39
39
|
class?: string;
|
|
40
40
|
visibleYears?: number;
|
|
41
|
-
format?: import("
|
|
41
|
+
format?: import("./index.js").CalendarYearPickerFormatOptions;
|
|
42
42
|
} & (typeof globalThis extends {
|
|
43
43
|
__VLS_PROPS_FALLBACK: infer P;
|
|
44
44
|
} ? P : {});
|
|
@@ -103,7 +103,7 @@ export declare const CalendarYearPicker: {
|
|
|
103
103
|
props: import('vue').PublicProps & {
|
|
104
104
|
class?: string;
|
|
105
105
|
offset?: import("@internationalized/date").DateDuration;
|
|
106
|
-
format?: import("
|
|
106
|
+
format?: import("./index.js").CalendarHeadingFormatOptions;
|
|
107
107
|
} & (typeof globalThis extends {
|
|
108
108
|
__VLS_PROPS_FALLBACK: infer P;
|
|
109
109
|
} ? P : {});
|
|
@@ -142,5 +142,7 @@ export { CalendarYearPickerCell, CalendarYearPickerGrid, CalendarYearPickerGridB
|
|
|
142
142
|
export type { CalendarYearPickerCellProps, CalendarYearPickerCellSlotProps, CalendarYearPickerGridBodyProps, CalendarYearPickerGridProps, CalendarYearPickerTriggerHeadingProps, CalendarYearPickerTriggerIndicatorProps, CalendarYearPickerTriggerProps, CalendarYearPickerTriggerSlotProps, } from "./calendar-year-picker.types.js";
|
|
143
143
|
export { provideYearPickerContext, useYearPickerContext } from "./calendar-year-picker.context.js";
|
|
144
144
|
export type { YearPickerContext } from "./calendar-year-picker.context.js";
|
|
145
|
+
export type { CalendarHeadingFormatOptions } from "../../composables/use-calendar-heading.js";
|
|
146
|
+
export type { CalendarYearPickerFormatOptions } from "../../composables/use-calendar-year-picker.js";
|
|
145
147
|
export { calendarYearPickerVariants } from "@ropav/styles";
|
|
146
148
|
export type { CalendarYearPickerVariants } from "@ropav/styles";
|
|
@@ -19,7 +19,7 @@ var checkbox_content_vue_vue_type_script_setup_true_vapor_true_lang_default = /*
|
|
|
19
19
|
const setInputEl = (element) => {
|
|
20
20
|
inputEl.value = element instanceof HTMLInputElement ? element : null;
|
|
21
21
|
};
|
|
22
|
-
useFormReset(inputEl, defaultSelected, setSelected);
|
|
22
|
+
useFormReset(inputEl, defaultSelected, setSelected, form);
|
|
23
23
|
watch([inputEl, isSelected], ([input, selected]) => setFormChecked(input, selected), {
|
|
24
24
|
flush: "post",
|
|
25
25
|
immediate: true
|
|
@@ -52,6 +52,7 @@ export declare const ColorField: ((__VLS_props: NonNullable<Awaited<typeof __VLS
|
|
|
52
52
|
props: import('vue').PublicProps & {
|
|
53
53
|
class?: string;
|
|
54
54
|
variant?: import("@ropav/styles").ColorInputGroupVariants["variant"];
|
|
55
|
+
size?: import("@ropav/styles").ColorInputGroupVariants["size"];
|
|
55
56
|
fullWidth?: boolean;
|
|
56
57
|
isDisabled?: boolean;
|
|
57
58
|
isInvalid?: boolean;
|
|
@@ -10,6 +10,7 @@ var color_input_group_root_vue_vue_type_script_setup_true_vapor_true_lang_defaul
|
|
|
10
10
|
props: {
|
|
11
11
|
class: {},
|
|
12
12
|
variant: { default: void 0 },
|
|
13
|
+
size: {},
|
|
13
14
|
fullWidth: {
|
|
14
15
|
type: Boolean,
|
|
15
16
|
default: void 0
|
|
@@ -34,6 +35,7 @@ var color_input_group_root_vue_vue_type_script_setup_true_vapor_true_lang_defaul
|
|
|
34
35
|
const resolvedIsInvalid = computed(() => props.isInvalid ?? control?.isInvalid.value ?? false);
|
|
35
36
|
const slots = computed(() => colorInputGroupVariants({
|
|
36
37
|
fullWidth: props.fullWidth,
|
|
38
|
+
size: props.size,
|
|
37
39
|
variant: props.variant
|
|
38
40
|
}));
|
|
39
41
|
provideColorInputGroupContext({ slots });
|
|
@@ -3,6 +3,8 @@ export interface ColorInputGroupRootProps {
|
|
|
3
3
|
class?: string;
|
|
4
4
|
/** Visual variant. @default "primary" */
|
|
5
5
|
variant?: ColorInputGroupVariants["variant"];
|
|
6
|
+
/** How tall the group stands, matching a button of the same size. @default "md" */
|
|
7
|
+
size?: ColorInputGroupVariants["size"];
|
|
6
8
|
/** Whether the group stretches to fill its container. */
|
|
7
9
|
fullWidth?: boolean;
|
|
8
10
|
/**
|
|
@@ -12,6 +12,7 @@ export declare const ColorInputGroup: ((__VLS_props: NonNullable<Awaited<typeof
|
|
|
12
12
|
props: import('vue').PublicProps & {
|
|
13
13
|
class?: string;
|
|
14
14
|
variant?: import("@ropav/styles").ColorInputGroupVariants["variant"];
|
|
15
|
+
size?: import("@ropav/styles").ColorInputGroupVariants["size"];
|
|
15
16
|
fullWidth?: boolean;
|
|
16
17
|
isDisabled?: boolean;
|
|
17
18
|
isInvalid?: boolean;
|
|
@@ -76,6 +77,7 @@ export declare const ColorInputGroup: ((__VLS_props: NonNullable<Awaited<typeof
|
|
|
76
77
|
props: import('vue').PublicProps & {
|
|
77
78
|
class?: string;
|
|
78
79
|
variant?: import("@ropav/styles").ColorInputGroupVariants["variant"];
|
|
80
|
+
size?: import("@ropav/styles").ColorInputGroupVariants["size"];
|
|
79
81
|
fullWidth?: boolean;
|
|
80
82
|
isDisabled?: boolean;
|
|
81
83
|
isInvalid?: boolean;
|
|
@@ -86,6 +86,7 @@ var combo_box_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
|
|
|
86
86
|
ariaLabel: {},
|
|
87
87
|
ariaLabelledby: {},
|
|
88
88
|
ariaDescribedby: {},
|
|
89
|
+
size: {},
|
|
89
90
|
fullWidth: {
|
|
90
91
|
type: Boolean,
|
|
91
92
|
default: void 0
|
|
@@ -187,7 +188,10 @@ var combo_box_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
|
|
|
187
188
|
if (state.selectionMode.value === "single") return texts[0] ?? "";
|
|
188
189
|
return new Intl.ListFormat(locale.value.locale).format(texts);
|
|
189
190
|
});
|
|
190
|
-
const styles = computed(() => comboBoxVariants({
|
|
191
|
+
const styles = computed(() => comboBoxVariants({
|
|
192
|
+
fullWidth: props.fullWidth,
|
|
193
|
+
size: props.size
|
|
194
|
+
}));
|
|
191
195
|
const isDisabled = computed(() => Boolean(props.isDisabled));
|
|
192
196
|
/**
|
|
193
197
|
* The options that matched, handed to whoever writes the listbox.
|
|
@@ -207,7 +211,10 @@ var combo_box_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
|
|
|
207
211
|
* React build reaches the same place by providing RAC's `InputContext`.
|
|
208
212
|
*/
|
|
209
213
|
provideTextFieldControlContext(comboBox.control);
|
|
210
|
-
provideTextFieldContext({
|
|
214
|
+
provideTextFieldContext({
|
|
215
|
+
size: computed(() => props.size),
|
|
216
|
+
variant: computed(() => props.variant)
|
|
217
|
+
});
|
|
211
218
|
provideComboBoxContext({
|
|
212
219
|
comboBox,
|
|
213
220
|
isDisabled,
|
|
@@ -4,6 +4,7 @@ import type { ValidationBehavior, ValidationFunction } from "../../composables/u
|
|
|
4
4
|
import type { SelectSelectionMode, SelectedItem, SelectedValue } from "../../composables/use-select-state.js";
|
|
5
5
|
import type { DisabledBehavior } from "../../composables/use-selection-manager.js";
|
|
6
6
|
import type { Placement } from "../../utils/position.js";
|
|
7
|
+
import type { ComboBoxVariants } from "@ropav/styles";
|
|
7
8
|
/**
|
|
8
9
|
* A combo box is a text field that filters a list of options, and the text is part of the value.
|
|
9
10
|
*
|
|
@@ -94,6 +95,8 @@ export interface ComboBoxRootProps<T = unknown> {
|
|
|
94
95
|
ariaLabel?: string;
|
|
95
96
|
ariaLabelledby?: string;
|
|
96
97
|
ariaDescribedby?: string;
|
|
98
|
+
/** How tall the field stands, matching a button of the same size. @default "md" */
|
|
99
|
+
size?: ComboBoxVariants["size"];
|
|
97
100
|
/** Whether the combo box stretches to fill its container. */
|
|
98
101
|
fullWidth?: boolean;
|
|
99
102
|
/** Visual variant the `Input` inside picks up. @default "primary" */
|
|
@@ -49,6 +49,7 @@ export declare const ComboBox: (<T>(__VLS_props: NonNullable<Awaited<typeof __VL
|
|
|
49
49
|
ariaLabel?: string;
|
|
50
50
|
ariaLabelledby?: string;
|
|
51
51
|
ariaDescribedby?: string;
|
|
52
|
+
size?: import("@ropav/styles").ComboBoxVariants["size"];
|
|
52
53
|
fullWidth?: boolean;
|
|
53
54
|
variant?: "primary" | "secondary";
|
|
54
55
|
onChange?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
|
|
@@ -164,6 +165,7 @@ export declare const ComboBox: (<T>(__VLS_props: NonNullable<Awaited<typeof __VL
|
|
|
164
165
|
ariaLabel?: string;
|
|
165
166
|
ariaLabelledby?: string;
|
|
166
167
|
ariaDescribedby?: string;
|
|
168
|
+
size?: import("@ropav/styles").ComboBoxVariants["size"];
|
|
167
169
|
fullWidth?: boolean;
|
|
168
170
|
variant?: "primary" | "secondary";
|
|
169
171
|
onChange?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
|
|
@@ -232,5 +234,6 @@ export { ComboBoxInputGroup, ComboBoxPopover, ComboBoxRoot, ComboBoxTrigger, Com
|
|
|
232
234
|
export type { ComboBoxInputGroupProps, ComboBoxInputGroupSlotProps, ComboBoxPopoverProps, ComboBoxRootEmits, ComboBoxRootProps, ComboBoxRootProps as ComboBoxProps, ComboBoxRootSlotProps, ComboBoxTriggerProps, ComboBoxValueProps, ComboBoxValueSlotProps, } from "./combo-box.types.js";
|
|
233
235
|
export { useComboBoxContext } from "./combo-box.context.js";
|
|
234
236
|
export type { ComboBoxContext } from "./combo-box.context.js";
|
|
237
|
+
export type { UseComboBoxReturn } from "../../composables/use-combo-box.js";
|
|
235
238
|
export { comboBoxVariants } from "@ropav/styles";
|
|
236
239
|
export type { ComboBoxVariants } from "@ropav/styles";
|
|
@@ -62,6 +62,7 @@ export declare const DateField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
|
|
|
62
62
|
props: import('vue').PublicProps & {
|
|
63
63
|
class?: string;
|
|
64
64
|
variant?: import("@ropav/styles").DateInputGroupVariants["variant"];
|
|
65
|
+
size?: import("@ropav/styles").DateInputGroupVariants["size"];
|
|
65
66
|
fullWidth?: boolean;
|
|
66
67
|
isDisabled?: boolean;
|
|
67
68
|
isInvalid?: boolean;
|
|
@@ -10,6 +10,7 @@ var date_input_group_root_vue_vue_type_script_setup_true_vapor_true_lang_default
|
|
|
10
10
|
props: {
|
|
11
11
|
class: {},
|
|
12
12
|
variant: { default: void 0 },
|
|
13
|
+
size: {},
|
|
13
14
|
fullWidth: {
|
|
14
15
|
type: Boolean,
|
|
15
16
|
default: void 0
|
|
@@ -31,6 +32,7 @@ var date_input_group_root_vue_vue_type_script_setup_true_vapor_true_lang_default
|
|
|
31
32
|
const props = __props;
|
|
32
33
|
const slots = computed(() => dateInputGroupVariants({
|
|
33
34
|
fullWidth: props.fullWidth,
|
|
35
|
+
size: props.size,
|
|
34
36
|
variant: props.variant
|
|
35
37
|
}));
|
|
36
38
|
provideDateInputGroupContext({ slots });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { dataAttr } from "../../utils/assertion.js";
|
|
2
2
|
import { useInteractionStates } from "../../composables/use-interaction-states.js";
|
|
3
3
|
import { useDateFieldControlContext, useDateInputGroupContext } from "./date-input-group.context.js";
|
|
4
|
-
import { useDateSegment } from "
|
|
4
|
+
import { useDateSegment } from "./use-date-segment.js";
|
|
5
5
|
import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, setText, shallowRef, template, toDisplayString, unref } from "vue";
|
|
6
6
|
//#region src/components/date-input-group/date-input-group-segment.vue?vue&type=script&setup=true&vapor=true&lang.ts
|
|
7
7
|
var t0 = template(" ");
|
|
@@ -4,6 +4,8 @@ export interface DateInputGroupRootProps {
|
|
|
4
4
|
class?: string;
|
|
5
5
|
/** Visual variant. @default "primary" */
|
|
6
6
|
variant?: DateInputGroupVariants["variant"];
|
|
7
|
+
/** How tall the group stands, matching a button of the same size. @default "md" */
|
|
8
|
+
size?: DateInputGroupVariants["size"];
|
|
7
9
|
/** Whether the group stretches to fill its container. */
|
|
8
10
|
fullWidth?: boolean;
|
|
9
11
|
/** Whether the group reads as disabled. Taken from the field it sits in when unset. */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type {
|
|
1
|
+
import type { DateFieldState, DateSegment } from "../../composables/use-date-field-state.js";
|
|
2
|
+
import type { FocusManager } from "../../utils/focus.js";
|
|
3
3
|
import type { ComputedRef, MaybeRefOrGetter } from "vue";
|
|
4
4
|
export interface UseDateSegmentOptions {
|
|
5
5
|
/** The segment this is behaviour for. A getter, because the field rebuilds them on every edit. */
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { useId as useId$1 } from "
|
|
2
|
-
import { isIOS } from "
|
|
3
|
-
import { useLocale } from "
|
|
4
|
-
import { useDateFormatter } from "
|
|
5
|
-
import { useDisplayNames } from "
|
|
6
|
-
import { useLabels } from "
|
|
7
|
-
import { useSpinButton } from "
|
|
8
|
-
import { useFilter } from "
|
|
1
|
+
import { useId as useId$1 } from "../../composables/use-id.js";
|
|
2
|
+
import { isIOS } from "../../utils/platform.js";
|
|
3
|
+
import { useLocale } from "../../composables/use-locale.js";
|
|
4
|
+
import { useDateFormatter } from "../../composables/use-date-formatter.js";
|
|
5
|
+
import { useDisplayNames } from "../../composables/use-display-names.js";
|
|
6
|
+
import { useLabels } from "../../composables/use-labels.js";
|
|
7
|
+
import { useSpinButton } from "../../composables/use-spin-button.js";
|
|
8
|
+
import { useFilter } from "../../composables/use-filter.js";
|
|
9
9
|
import { computed, onScopeDispose, toValue } from "vue";
|
|
10
10
|
import { CalendarDate, toCalendar } from "@internationalized/date";
|
|
11
11
|
import { NumberParser } from "@internationalized/number";
|
|
12
|
-
//#region src/
|
|
12
|
+
//#region src/components/date-input-group/use-date-segment.ts
|
|
13
13
|
/** How many leading characters every string in the list shares. */
|
|
14
14
|
var commonPrefixLength = (strings) => {
|
|
15
15
|
const sorted = [...strings].sort();
|
|
@@ -7,9 +7,9 @@ import { provideDateFieldControlContext, provideDateInputGroupOwnerContext } fro
|
|
|
7
7
|
import { useDateField } from "../../composables/use-date-field.js";
|
|
8
8
|
import { useDateFieldState } from "../../composables/use-date-field-state.js";
|
|
9
9
|
import { provideDateRangePickerContext } from "./date-range-picker.context.js";
|
|
10
|
-
import { useDateRangePicker } from "../../composables/use-date-range-picker.js";
|
|
11
10
|
import { useDateRangePickerState } from "../../composables/use-date-range-picker-state.js";
|
|
12
11
|
import { provideRangeCalendarOwnerContext } from "../range-calendar/range-calendar.context.js";
|
|
12
|
+
import { useDateRangePicker } from "./use-date-range-picker.js";
|
|
13
13
|
import { computed, createSlot, defineVaporComponent, on, onScopeDispose, renderEffect, setAttr, setClass, setInsertionState, shallowRef, template, unref, watch } from "vue";
|
|
14
14
|
import { dateRangePickerVariants } from "@ropav/styles";
|
|
15
15
|
import { createCalendar } from "@internationalized/date";
|
|
@@ -9,13 +9,13 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
|
|
|
9
9
|
slots: {
|
|
10
10
|
default?: (props: import("./date-range-picker.types.js").DateRangePickerRootSlotProps) => unknown;
|
|
11
11
|
};
|
|
12
|
-
emit: ((evt: "change", value: import("
|
|
12
|
+
emit: ((evt: "change", value: import("./index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("./index.js").DateRange | null) => void);
|
|
13
13
|
}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
|
|
14
14
|
props: import('vue').PublicProps & {
|
|
15
15
|
class?: string;
|
|
16
16
|
id?: string;
|
|
17
|
-
value?: import("
|
|
18
|
-
defaultValue?: import("
|
|
17
|
+
value?: import("./index.js").DateRange | null;
|
|
18
|
+
defaultValue?: import("./index.js").DateRange | null;
|
|
19
19
|
placeholderValue?: import("@internationalized/date").DateValue | null;
|
|
20
20
|
minValue?: import("@internationalized/date").DateValue | null;
|
|
21
21
|
maxValue?: import("@internationalized/date").DateValue | null;
|
|
@@ -29,7 +29,7 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
|
|
|
29
29
|
isReadOnly?: boolean;
|
|
30
30
|
isRequired?: boolean;
|
|
31
31
|
isInvalid?: boolean;
|
|
32
|
-
validate?: (value: import("
|
|
32
|
+
validate?: (value: import("./index.js").DateRange | null) => string | string[] | true | null | undefined;
|
|
33
33
|
validationBehavior?: import("../../index.js").ValidationBehavior;
|
|
34
34
|
startName?: string;
|
|
35
35
|
endName?: string;
|
|
@@ -45,11 +45,11 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
|
|
|
45
45
|
ariaDescribedby?: string;
|
|
46
46
|
locale?: string;
|
|
47
47
|
createCalendar?: (identifier: import("@internationalized/date").CalendarIdentifier) => import("@internationalized/date").Calendar;
|
|
48
|
-
onChange?: ((value: import("
|
|
48
|
+
onChange?: ((value: import("./index.js").DateRange | null) => any) | undefined;
|
|
49
49
|
onFocusChange?: ((isFocused: boolean) => any) | undefined;
|
|
50
50
|
onOpenChange?: ((isOpen: boolean) => any) | undefined;
|
|
51
51
|
"onUpdate:isOpen"?: ((isOpen: boolean) => any) | undefined;
|
|
52
|
-
"onUpdate:value"?: ((value: import("
|
|
52
|
+
"onUpdate:value"?: ((value: import("./index.js").DateRange | null) => any) | undefined;
|
|
53
53
|
} & (typeof globalThis extends {
|
|
54
54
|
__VLS_PROPS_FALLBACK: infer P;
|
|
55
55
|
} ? P : {});
|
|
@@ -58,7 +58,7 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
|
|
|
58
58
|
slots: {
|
|
59
59
|
default?: (props: import("./date-range-picker.types.js").DateRangePickerRootSlotProps) => unknown;
|
|
60
60
|
};
|
|
61
|
-
emit: ((evt: "change", value: import("
|
|
61
|
+
emit: ((evt: "change", value: import("./index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("./index.js").DateRange | null) => void);
|
|
62
62
|
}>) => import('vue').VNode & {
|
|
63
63
|
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
64
64
|
}) & {
|
|
@@ -115,13 +115,13 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
|
|
|
115
115
|
slots: {
|
|
116
116
|
default?: (props: import("./date-range-picker.types.js").DateRangePickerRootSlotProps) => unknown;
|
|
117
117
|
};
|
|
118
|
-
emit: ((evt: "change", value: import("
|
|
118
|
+
emit: ((evt: "change", value: import("./index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("./index.js").DateRange | null) => void);
|
|
119
119
|
}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
|
|
120
120
|
props: import('vue').PublicProps & {
|
|
121
121
|
class?: string;
|
|
122
122
|
id?: string;
|
|
123
|
-
value?: import("
|
|
124
|
-
defaultValue?: import("
|
|
123
|
+
value?: import("./index.js").DateRange | null;
|
|
124
|
+
defaultValue?: import("./index.js").DateRange | null;
|
|
125
125
|
placeholderValue?: import("@internationalized/date").DateValue | null;
|
|
126
126
|
minValue?: import("@internationalized/date").DateValue | null;
|
|
127
127
|
maxValue?: import("@internationalized/date").DateValue | null;
|
|
@@ -135,7 +135,7 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
|
|
|
135
135
|
isReadOnly?: boolean;
|
|
136
136
|
isRequired?: boolean;
|
|
137
137
|
isInvalid?: boolean;
|
|
138
|
-
validate?: (value: import("
|
|
138
|
+
validate?: (value: import("./index.js").DateRange | null) => string | string[] | true | null | undefined;
|
|
139
139
|
validationBehavior?: import("../../index.js").ValidationBehavior;
|
|
140
140
|
startName?: string;
|
|
141
141
|
endName?: string;
|
|
@@ -151,11 +151,11 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
|
|
|
151
151
|
ariaDescribedby?: string;
|
|
152
152
|
locale?: string;
|
|
153
153
|
createCalendar?: (identifier: import("@internationalized/date").CalendarIdentifier) => import("@internationalized/date").Calendar;
|
|
154
|
-
onChange?: ((value: import("
|
|
154
|
+
onChange?: ((value: import("./index.js").DateRange | null) => any) | undefined;
|
|
155
155
|
onFocusChange?: ((isFocused: boolean) => any) | undefined;
|
|
156
156
|
onOpenChange?: ((isOpen: boolean) => any) | undefined;
|
|
157
157
|
"onUpdate:isOpen"?: ((isOpen: boolean) => any) | undefined;
|
|
158
|
-
"onUpdate:value"?: ((value: import("
|
|
158
|
+
"onUpdate:value"?: ((value: import("./index.js").DateRange | null) => any) | undefined;
|
|
159
159
|
} & (typeof globalThis extends {
|
|
160
160
|
__VLS_PROPS_FALLBACK: infer P;
|
|
161
161
|
} ? P : {});
|
|
@@ -164,7 +164,7 @@ export declare const DateRangePicker: ((__VLS_props: NonNullable<Awaited<typeof
|
|
|
164
164
|
slots: {
|
|
165
165
|
default?: (props: import("./date-range-picker.types.js").DateRangePickerRootSlotProps) => unknown;
|
|
166
166
|
};
|
|
167
|
-
emit: ((evt: "change", value: import("
|
|
167
|
+
emit: ((evt: "change", value: import("./index.js").DateRange | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("./index.js").DateRange | null) => void);
|
|
168
168
|
}>) => import('vue').VNode & {
|
|
169
169
|
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
170
170
|
};
|
|
@@ -217,5 +217,6 @@ export type { DateRangePickerPopoverProps, DateRangePickerRangeSeparatorProps, D
|
|
|
217
217
|
export type { DateInputGroupInputContainerProps as DateRangePickerInputContainerProps, DateInputGroupInputProps as DateRangePickerInputProps, DateInputGroupInputSlotProps as DateRangePickerInputSlotProps, DateInputGroupPrefixProps as DateRangePickerPrefixProps, DateInputGroupRootProps as DateRangePickerGroupProps, DateInputGroupRootSlotProps as DateRangePickerGroupSlotProps, DateInputGroupSegmentProps as DateRangePickerSegmentProps, DateInputGroupSuffixProps as DateRangePickerSuffixProps, } from "../date-input-group/index.js";
|
|
218
218
|
export { provideDateRangePickerContext, useDateRangePickerContext, } from "./date-range-picker.context.js";
|
|
219
219
|
export type { DateRangePickerContext } from "./date-range-picker.context.js";
|
|
220
|
+
export type { DateRange } from "../../composables/use-calendar.js";
|
|
220
221
|
export { dateInputGroupVariants, dateRangePickerVariants } from "@ropav/styles";
|
|
221
222
|
export type { DateInputGroupVariants, DateRangePickerVariants } from "@ropav/styles";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
5
|
-
import type {
|
|
6
|
-
import type {
|
|
7
|
-
import type {
|
|
1
|
+
import type { PageBehavior } from "../../composables/use-calendar-state.js";
|
|
2
|
+
import type { DateRangePickerState } from "../../composables/use-date-range-picker-state.js";
|
|
3
|
+
import type { FieldIdsContext } from "../../composables/use-field-ids.js";
|
|
4
|
+
import type { FormValidationState } from "../../composables/use-form-validation-state.js";
|
|
5
|
+
import type { UsePressHandlers } from "../../composables/use-press.js";
|
|
6
|
+
import type { DayOfWeek } from "../../utils/calendar.js";
|
|
7
|
+
import type { FocusManager } from "../../utils/focus.js";
|
|
8
8
|
import type { DateValue } from "@internationalized/date";
|
|
9
9
|
import type { ComputedRef, MaybeRefOrGetter } from "vue";
|
|
10
10
|
export interface UseDateRangePickerOptions {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { useId as useId$1 } from "
|
|
2
|
-
import { createFocusManager } from "
|
|
3
|
-
import { useFieldIds } from "
|
|
4
|
-
import { DEFAULT_VALIDATION_RESULT, mergeValidation } from "
|
|
5
|
-
import { useLocale } from "
|
|
6
|
-
import { useLocalizedStringFormatter } from "
|
|
7
|
-
import { useDescription } from "
|
|
8
|
-
import { datepickerStrings } from "
|
|
9
|
-
import { useDatePickerGroup } from "
|
|
1
|
+
import { useId as useId$1 } from "../../composables/use-id.js";
|
|
2
|
+
import { createFocusManager } from "../../utils/focus.js";
|
|
3
|
+
import { useFieldIds } from "../../composables/use-field-ids.js";
|
|
4
|
+
import { DEFAULT_VALIDATION_RESULT, mergeValidation } from "../../composables/use-form-validation-state.js";
|
|
5
|
+
import { useLocale } from "../../composables/use-locale.js";
|
|
6
|
+
import { useLocalizedStringFormatter } from "../../composables/use-localized-string-formatter.js";
|
|
7
|
+
import { useDescription } from "../../composables/use-description.js";
|
|
8
|
+
import { datepickerStrings } from "../../i18n/datepicker.js";
|
|
9
|
+
import { useDatePickerGroup } from "../../composables/use-date-picker-group.js";
|
|
10
10
|
import { computed, toValue } from "vue";
|
|
11
|
-
//#region src/
|
|
11
|
+
//#region src/components/date-range-picker/use-date-range-picker.ts
|
|
12
12
|
/**
|
|
13
13
|
* The behaviour and accessibility wiring for a date range picker.
|
|
14
14
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { provideSurfaceContext } from "../surface/surface.context.js";
|
|
2
2
|
import { provideFieldIdsContext, useFieldIds } from "../../composables/use-field-ids.js";
|
|
3
3
|
import { useDrawerContext, useDrawerOverlayContext } from "./drawer.context.js";
|
|
4
|
-
import { useDrawerDrag } from "
|
|
4
|
+
import { useDrawerDrag } from "./use-drawer-drag.js";
|
|
5
5
|
import { computed, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
|
|
6
6
|
//#region src/components/drawer/drawer-dialog.vue?vue&type=script&setup=true&vapor=true&lang.ts
|
|
7
7
|
var t0 = template("<section data-slot=drawer-dialog role=dialog tabindex=-1>", 1);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { toValue, watch } from "vue";
|
|
2
|
-
//#region src/
|
|
2
|
+
//#region src/components/drawer/use-drawer-drag.ts
|
|
3
3
|
/** How far the pointer has to travel before the panel starts following it, in pixels. */
|
|
4
4
|
var DRAG_THRESHOLD = 8;
|
|
5
5
|
/** How much of the panel has to be dragged away before letting go dismisses it. */
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { DropZoneRootProps, DropZoneSlotProps } from "./drop-zone.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<DropZoneRootProps & {
|
|
4
|
+
onSelect?: ((files: File[]) => any) | undefined;
|
|
5
|
+
}> & (typeof globalThis extends {
|
|
6
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
7
|
+
} ? P : {});
|
|
8
|
+
expose: (exposed: {}) => void;
|
|
9
|
+
attrs: any;
|
|
10
|
+
slots: {
|
|
11
|
+
default?: (props: DropZoneSlotProps) => unknown;
|
|
12
|
+
};
|
|
13
|
+
emit: (evt: "select", files: File[]) => void;
|
|
14
|
+
}>) => import('vue').VNode & {
|
|
15
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
16
|
+
};
|
|
17
|
+
declare const _default: typeof __VLS_export;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
20
|
+
[K in keyof T]: T[K];
|
|
21
|
+
} : {
|
|
22
|
+
[K in keyof T as K]: T[K];
|
|
23
|
+
}) & {};
|