@proyecto-viviana/solidaria 0.1.3 → 0.2.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/index.d.ts +6135 -50
- package/dist/index.js +485 -1120
- package/dist/{index.ssr.js → index.jsx} +89 -143
- package/package.json +7 -9
- package/dist/autocomplete/createAutocomplete.d.ts +0 -109
- package/dist/autocomplete/createAutocomplete.d.ts.map +0 -1
- package/dist/autocomplete/index.d.ts +0 -2
- package/dist/autocomplete/index.d.ts.map +0 -1
- package/dist/breadcrumbs/createBreadcrumbs.d.ts +0 -43
- package/dist/breadcrumbs/createBreadcrumbs.d.ts.map +0 -1
- package/dist/breadcrumbs/index.d.ts +0 -2
- package/dist/breadcrumbs/index.d.ts.map +0 -1
- package/dist/button/createButton.d.ts +0 -29
- package/dist/button/createButton.d.ts.map +0 -1
- package/dist/button/createToggleButton.d.ts +0 -41
- package/dist/button/createToggleButton.d.ts.map +0 -1
- package/dist/button/index.d.ts +0 -5
- package/dist/button/index.d.ts.map +0 -1
- package/dist/button/types.d.ts +0 -77
- package/dist/button/types.d.ts.map +0 -1
- package/dist/calendar/createCalendar.d.ts +0 -41
- package/dist/calendar/createCalendar.d.ts.map +0 -1
- package/dist/calendar/createCalendarCell.d.ts +0 -41
- package/dist/calendar/createCalendarCell.d.ts.map +0 -1
- package/dist/calendar/createCalendarGrid.d.ts +0 -29
- package/dist/calendar/createCalendarGrid.d.ts.map +0 -1
- package/dist/calendar/createRangeCalendar.d.ts +0 -39
- package/dist/calendar/createRangeCalendar.d.ts.map +0 -1
- package/dist/calendar/createRangeCalendarCell.d.ts +0 -45
- package/dist/calendar/createRangeCalendarCell.d.ts.map +0 -1
- package/dist/calendar/index.d.ts +0 -6
- package/dist/calendar/index.d.ts.map +0 -1
- package/dist/checkbox/createCheckbox.d.ts +0 -56
- package/dist/checkbox/createCheckbox.d.ts.map +0 -1
- package/dist/checkbox/createCheckboxGroup.d.ts +0 -53
- package/dist/checkbox/createCheckboxGroup.d.ts.map +0 -1
- package/dist/checkbox/createCheckboxGroupItem.d.ts +0 -25
- package/dist/checkbox/createCheckboxGroupItem.d.ts.map +0 -1
- package/dist/checkbox/createCheckboxGroupState.d.ts +0 -71
- package/dist/checkbox/createCheckboxGroupState.d.ts.map +0 -1
- package/dist/checkbox/index.d.ts +0 -9
- package/dist/checkbox/index.d.ts.map +0 -1
- package/dist/color/createColorArea.d.ts +0 -13
- package/dist/color/createColorArea.d.ts.map +0 -1
- package/dist/color/createColorField.d.ts +0 -13
- package/dist/color/createColorField.d.ts.map +0 -1
- package/dist/color/createColorSlider.d.ts +0 -13
- package/dist/color/createColorSlider.d.ts.map +0 -1
- package/dist/color/createColorSwatch.d.ts +0 -12
- package/dist/color/createColorSwatch.d.ts.map +0 -1
- package/dist/color/createColorWheel.d.ts +0 -13
- package/dist/color/createColorWheel.d.ts.map +0 -1
- package/dist/color/index.d.ts +0 -10
- package/dist/color/index.d.ts.map +0 -1
- package/dist/color/types.d.ts +0 -106
- package/dist/color/types.d.ts.map +0 -1
- package/dist/combobox/createComboBox.d.ts +0 -77
- package/dist/combobox/createComboBox.d.ts.map +0 -1
- package/dist/combobox/index.d.ts +0 -2
- package/dist/combobox/index.d.ts.map +0 -1
- package/dist/combobox/intl/index.d.ts +0 -14
- package/dist/combobox/intl/index.d.ts.map +0 -1
- package/dist/datepicker/createDateField.d.ts +0 -51
- package/dist/datepicker/createDateField.d.ts.map +0 -1
- package/dist/datepicker/createDatePicker.d.ts +0 -65
- package/dist/datepicker/createDatePicker.d.ts.map +0 -1
- package/dist/datepicker/createDateSegment.d.ts +0 -29
- package/dist/datepicker/createDateSegment.d.ts.map +0 -1
- package/dist/datepicker/createTimeField.d.ts +0 -51
- package/dist/datepicker/createTimeField.d.ts.map +0 -1
- package/dist/datepicker/index.d.ts +0 -5
- package/dist/datepicker/index.d.ts.map +0 -1
- package/dist/dialog/createDialog.d.ts +0 -25
- package/dist/dialog/createDialog.d.ts.map +0 -1
- package/dist/dialog/index.d.ts +0 -3
- package/dist/dialog/index.d.ts.map +0 -1
- package/dist/dialog/types.d.ts +0 -18
- package/dist/dialog/types.d.ts.map +0 -1
- package/dist/disclosure/createDisclosure.d.ts +0 -52
- package/dist/disclosure/createDisclosure.d.ts.map +0 -1
- package/dist/disclosure/createDisclosureGroup.d.ts +0 -39
- package/dist/disclosure/createDisclosureGroup.d.ts.map +0 -1
- package/dist/disclosure/index.d.ts +0 -3
- package/dist/disclosure/index.d.ts.map +0 -1
- package/dist/dnd/createDrag.d.ts +0 -16
- package/dist/dnd/createDrag.d.ts.map +0 -1
- package/dist/dnd/createDraggableCollection.d.ts +0 -27
- package/dist/dnd/createDraggableCollection.d.ts.map +0 -1
- package/dist/dnd/createDraggableItem.d.ts +0 -37
- package/dist/dnd/createDraggableItem.d.ts.map +0 -1
- package/dist/dnd/createDrop.d.ts +0 -16
- package/dist/dnd/createDrop.d.ts.map +0 -1
- package/dist/dnd/createDroppableCollection.d.ts +0 -76
- package/dist/dnd/createDroppableCollection.d.ts.map +0 -1
- package/dist/dnd/createDroppableItem.d.ts +0 -31
- package/dist/dnd/createDroppableItem.d.ts.map +0 -1
- package/dist/dnd/index.d.ts +0 -18
- package/dist/dnd/index.d.ts.map +0 -1
- package/dist/dnd/types.d.ts +0 -66
- package/dist/dnd/types.d.ts.map +0 -1
- package/dist/dnd/utils.d.ts +0 -57
- package/dist/dnd/utils.d.ts.map +0 -1
- package/dist/focus/FocusScope.d.ts +0 -57
- package/dist/focus/FocusScope.d.ts.map +0 -1
- package/dist/focus/createAutoFocus.d.ts +0 -120
- package/dist/focus/createAutoFocus.d.ts.map +0 -1
- package/dist/focus/createFocusRestore.d.ts +0 -116
- package/dist/focus/createFocusRestore.d.ts.map +0 -1
- package/dist/focus/createVirtualFocus.d.ts +0 -170
- package/dist/focus/createVirtualFocus.d.ts.map +0 -1
- package/dist/focus/index.d.ts +0 -5
- package/dist/focus/index.d.ts.map +0 -1
- package/dist/form/createFormReset.d.ts +0 -27
- package/dist/form/createFormReset.d.ts.map +0 -1
- package/dist/form/createFormValidation.d.ts +0 -56
- package/dist/form/createFormValidation.d.ts.map +0 -1
- package/dist/form/index.d.ts +0 -3
- package/dist/form/index.d.ts.map +0 -1
- package/dist/grid/GridKeyboardDelegate.d.ts +0 -79
- package/dist/grid/GridKeyboardDelegate.d.ts.map +0 -1
- package/dist/grid/createGrid.d.ts +0 -24
- package/dist/grid/createGrid.d.ts.map +0 -1
- package/dist/grid/createGridCell.d.ts +0 -12
- package/dist/grid/createGridCell.d.ts.map +0 -1
- package/dist/grid/createGridRow.d.ts +0 -12
- package/dist/grid/createGridRow.d.ts.map +0 -1
- package/dist/grid/index.d.ts +0 -10
- package/dist/grid/index.d.ts.map +0 -1
- package/dist/grid/types.d.ts +0 -126
- package/dist/grid/types.d.ts.map +0 -1
- package/dist/gridlist/createGridList.d.ts +0 -28
- package/dist/gridlist/createGridList.d.ts.map +0 -1
- package/dist/gridlist/createGridListItem.d.ts +0 -12
- package/dist/gridlist/createGridListItem.d.ts.map +0 -1
- package/dist/gridlist/createGridListSelectionCheckbox.d.ts +0 -12
- package/dist/gridlist/createGridListSelectionCheckbox.d.ts.map +0 -1
- package/dist/gridlist/index.d.ts +0 -8
- package/dist/gridlist/index.d.ts.map +0 -1
- package/dist/gridlist/types.d.ts +0 -75
- package/dist/gridlist/types.d.ts.map +0 -1
- package/dist/i18n/NumberFormatter.d.ts +0 -43
- package/dist/i18n/NumberFormatter.d.ts.map +0 -1
- package/dist/i18n/createCollator.d.ts +0 -41
- package/dist/i18n/createCollator.d.ts.map +0 -1
- package/dist/i18n/createDateFormatter.d.ts +0 -45
- package/dist/i18n/createDateFormatter.d.ts.map +0 -1
- package/dist/i18n/createFilter.d.ts +0 -57
- package/dist/i18n/createFilter.d.ts.map +0 -1
- package/dist/i18n/createNumberFormatter.d.ts +0 -43
- package/dist/i18n/createNumberFormatter.d.ts.map +0 -1
- package/dist/i18n/createStringFormatter.d.ts +0 -42
- package/dist/i18n/createStringFormatter.d.ts.map +0 -1
- package/dist/i18n/index.d.ts +0 -9
- package/dist/i18n/index.d.ts.map +0 -1
- package/dist/i18n/locale.d.ts +0 -66
- package/dist/i18n/locale.d.ts.map +0 -1
- package/dist/i18n/utils.d.ts +0 -17
- package/dist/i18n/utils.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -7
- package/dist/index.ssr.js.map +0 -7
- package/dist/interactions/FocusableProvider.d.ts +0 -26
- package/dist/interactions/FocusableProvider.d.ts.map +0 -1
- package/dist/interactions/PressEvent.d.ts +0 -73
- package/dist/interactions/PressEvent.d.ts.map +0 -1
- package/dist/interactions/createFocus.d.ts +0 -31
- package/dist/interactions/createFocus.d.ts.map +0 -1
- package/dist/interactions/createFocusRing.d.ts +0 -37
- package/dist/interactions/createFocusRing.d.ts.map +0 -1
- package/dist/interactions/createFocusWithin.d.ts +0 -27
- package/dist/interactions/createFocusWithin.d.ts.map +0 -1
- package/dist/interactions/createFocusable.d.ts +0 -65
- package/dist/interactions/createFocusable.d.ts.map +0 -1
- package/dist/interactions/createHover.d.ts +0 -43
- package/dist/interactions/createHover.d.ts.map +0 -1
- package/dist/interactions/createInteractionModality.d.ts +0 -73
- package/dist/interactions/createInteractionModality.d.ts.map +0 -1
- package/dist/interactions/createKeyboard.d.ts +0 -35
- package/dist/interactions/createKeyboard.d.ts.map +0 -1
- package/dist/interactions/createLongPress.d.ts +0 -63
- package/dist/interactions/createLongPress.d.ts.map +0 -1
- package/dist/interactions/createMove.d.ts +0 -40
- package/dist/interactions/createMove.d.ts.map +0 -1
- package/dist/interactions/createPress.d.ts +0 -55
- package/dist/interactions/createPress.d.ts.map +0 -1
- package/dist/interactions/index.d.ts +0 -13
- package/dist/interactions/index.d.ts.map +0 -1
- package/dist/label/createField.d.ts +0 -51
- package/dist/label/createField.d.ts.map +0 -1
- package/dist/label/createLabel.d.ts +0 -49
- package/dist/label/createLabel.d.ts.map +0 -1
- package/dist/label/createLabels.d.ts +0 -16
- package/dist/label/createLabels.d.ts.map +0 -1
- package/dist/label/index.d.ts +0 -6
- package/dist/label/index.d.ts.map +0 -1
- package/dist/landmark/createLandmark.d.ts +0 -79
- package/dist/landmark/createLandmark.d.ts.map +0 -1
- package/dist/landmark/index.d.ts +0 -2
- package/dist/landmark/index.d.ts.map +0 -1
- package/dist/link/createLink.d.ts +0 -65
- package/dist/link/createLink.d.ts.map +0 -1
- package/dist/link/index.d.ts +0 -2
- package/dist/link/index.d.ts.map +0 -1
- package/dist/listbox/createListBox.d.ts +0 -58
- package/dist/listbox/createListBox.d.ts.map +0 -1
- package/dist/listbox/createOption.d.ts +0 -42
- package/dist/listbox/createOption.d.ts.map +0 -1
- package/dist/listbox/index.d.ts +0 -3
- package/dist/listbox/index.d.ts.map +0 -1
- package/dist/live-announcer/announce.d.ts +0 -113
- package/dist/live-announcer/announce.d.ts.map +0 -1
- package/dist/live-announcer/index.d.ts +0 -2
- package/dist/live-announcer/index.d.ts.map +0 -1
- package/dist/menu/createMenu.d.ts +0 -57
- package/dist/menu/createMenu.d.ts.map +0 -1
- package/dist/menu/createMenuItem.d.ts +0 -42
- package/dist/menu/createMenuItem.d.ts.map +0 -1
- package/dist/menu/createMenuTrigger.d.ts +0 -29
- package/dist/menu/createMenuTrigger.d.ts.map +0 -1
- package/dist/menu/index.d.ts +0 -4
- package/dist/menu/index.d.ts.map +0 -1
- package/dist/meter/createMeter.d.ts +0 -44
- package/dist/meter/createMeter.d.ts.map +0 -1
- package/dist/meter/index.d.ts +0 -2
- package/dist/meter/index.d.ts.map +0 -1
- package/dist/numberfield/createNumberField.d.ts +0 -56
- package/dist/numberfield/createNumberField.d.ts.map +0 -1
- package/dist/numberfield/index.d.ts +0 -2
- package/dist/numberfield/index.d.ts.map +0 -1
- package/dist/overlays/ariaHideOutside.d.ts +0 -25
- package/dist/overlays/ariaHideOutside.d.ts.map +0 -1
- package/dist/overlays/createInteractOutside.d.ts +0 -20
- package/dist/overlays/createInteractOutside.d.ts.map +0 -1
- package/dist/overlays/createModal.d.ts +0 -70
- package/dist/overlays/createModal.d.ts.map +0 -1
- package/dist/overlays/createOverlay.d.ts +0 -43
- package/dist/overlays/createOverlay.d.ts.map +0 -1
- package/dist/overlays/createOverlayTrigger.d.ts +0 -30
- package/dist/overlays/createOverlayTrigger.d.ts.map +0 -1
- package/dist/overlays/createPreventScroll.d.ts +0 -15
- package/dist/overlays/createPreventScroll.d.ts.map +0 -1
- package/dist/overlays/index.d.ts +0 -7
- package/dist/overlays/index.d.ts.map +0 -1
- package/dist/popover/calculatePosition.d.ts +0 -67
- package/dist/popover/calculatePosition.d.ts.map +0 -1
- package/dist/popover/createOverlayPosition.d.ts +0 -109
- package/dist/popover/createOverlayPosition.d.ts.map +0 -1
- package/dist/popover/createPopover.d.ts +0 -88
- package/dist/popover/createPopover.d.ts.map +0 -1
- package/dist/popover/index.d.ts +0 -4
- package/dist/popover/index.d.ts.map +0 -1
- package/dist/progress/createProgressBar.d.ts +0 -47
- package/dist/progress/createProgressBar.d.ts.map +0 -1
- package/dist/progress/index.d.ts +0 -2
- package/dist/progress/index.d.ts.map +0 -1
- package/dist/radio/createRadio.d.ts +0 -68
- package/dist/radio/createRadio.d.ts.map +0 -1
- package/dist/radio/createRadioGroup.d.ts +0 -85
- package/dist/radio/createRadioGroup.d.ts.map +0 -1
- package/dist/radio/createRadioGroupState.d.ts +0 -77
- package/dist/radio/createRadioGroupState.d.ts.map +0 -1
- package/dist/radio/index.d.ts +0 -4
- package/dist/radio/index.d.ts.map +0 -1
- package/dist/searchfield/createSearchField.d.ts +0 -32
- package/dist/searchfield/createSearchField.d.ts.map +0 -1
- package/dist/searchfield/index.d.ts +0 -3
- package/dist/searchfield/index.d.ts.map +0 -1
- package/dist/select/createHiddenSelect.d.ts +0 -69
- package/dist/select/createHiddenSelect.d.ts.map +0 -1
- package/dist/select/createSelect.d.ts +0 -70
- package/dist/select/createSelect.d.ts.map +0 -1
- package/dist/select/index.d.ts +0 -3
- package/dist/select/index.d.ts.map +0 -1
- package/dist/selection/createTypeSelect.d.ts +0 -43
- package/dist/selection/createTypeSelect.d.ts.map +0 -1
- package/dist/selection/index.d.ts +0 -6
- package/dist/selection/index.d.ts.map +0 -1
- package/dist/separator/createSeparator.d.ts +0 -38
- package/dist/separator/createSeparator.d.ts.map +0 -1
- package/dist/separator/index.d.ts +0 -2
- package/dist/separator/index.d.ts.map +0 -1
- package/dist/slider/createSlider.d.ts +0 -43
- package/dist/slider/createSlider.d.ts.map +0 -1
- package/dist/slider/index.d.ts +0 -3
- package/dist/slider/index.d.ts.map +0 -1
- package/dist/ssr/index.d.ts +0 -221
- package/dist/ssr/index.d.ts.map +0 -1
- package/dist/switch/createSwitch.d.ts +0 -34
- package/dist/switch/createSwitch.d.ts.map +0 -1
- package/dist/switch/index.d.ts +0 -2
- package/dist/switch/index.d.ts.map +0 -1
- package/dist/table/createTable.d.ts +0 -24
- package/dist/table/createTable.d.ts.map +0 -1
- package/dist/table/createTableCell.d.ts +0 -12
- package/dist/table/createTableCell.d.ts.map +0 -1
- package/dist/table/createTableColumnHeader.d.ts +0 -12
- package/dist/table/createTableColumnHeader.d.ts.map +0 -1
- package/dist/table/createTableHeaderRow.d.ts +0 -12
- package/dist/table/createTableHeaderRow.d.ts.map +0 -1
- package/dist/table/createTableRow.d.ts +0 -12
- package/dist/table/createTableRow.d.ts.map +0 -1
- package/dist/table/createTableRowGroup.d.ts +0 -11
- package/dist/table/createTableRowGroup.d.ts.map +0 -1
- package/dist/table/createTableSelectAllCheckbox.d.ts +0 -12
- package/dist/table/createTableSelectAllCheckbox.d.ts.map +0 -1
- package/dist/table/createTableSelectionCheckbox.d.ts +0 -12
- package/dist/table/createTableSelectionCheckbox.d.ts.map +0 -1
- package/dist/table/index.d.ts +0 -14
- package/dist/table/index.d.ts.map +0 -1
- package/dist/table/types.d.ts +0 -150
- package/dist/table/types.d.ts.map +0 -1
- package/dist/tabs/createTabs.d.ts +0 -123
- package/dist/tabs/createTabs.d.ts.map +0 -1
- package/dist/tabs/index.d.ts +0 -2
- package/dist/tabs/index.d.ts.map +0 -1
- package/dist/tag/createTag.d.ts +0 -42
- package/dist/tag/createTag.d.ts.map +0 -1
- package/dist/tag/createTagGroup.d.ts +0 -54
- package/dist/tag/createTagGroup.d.ts.map +0 -1
- package/dist/tag/index.d.ts +0 -3
- package/dist/tag/index.d.ts.map +0 -1
- package/dist/textfield/createTextField.d.ts +0 -73
- package/dist/textfield/createTextField.d.ts.map +0 -1
- package/dist/textfield/index.d.ts +0 -2
- package/dist/textfield/index.d.ts.map +0 -1
- package/dist/toast/createToast.d.ts +0 -58
- package/dist/toast/createToast.d.ts.map +0 -1
- package/dist/toast/createToastRegion.d.ts +0 -49
- package/dist/toast/createToastRegion.d.ts.map +0 -1
- package/dist/toast/index.d.ts +0 -3
- package/dist/toast/index.d.ts.map +0 -1
- package/dist/toggle/createToggle.d.ts +0 -94
- package/dist/toggle/createToggle.d.ts.map +0 -1
- package/dist/toggle/createToggleState.d.ts +0 -34
- package/dist/toggle/createToggleState.d.ts.map +0 -1
- package/dist/toggle/index.d.ts +0 -5
- package/dist/toggle/index.d.ts.map +0 -1
- package/dist/toolbar/createToolbar.d.ts +0 -49
- package/dist/toolbar/createToolbar.d.ts.map +0 -1
- package/dist/toolbar/index.d.ts +0 -2
- package/dist/toolbar/index.d.ts.map +0 -1
- package/dist/tooltip/createTooltip.d.ts +0 -48
- package/dist/tooltip/createTooltip.d.ts.map +0 -1
- package/dist/tooltip/createTooltipTrigger.d.ts +0 -64
- package/dist/tooltip/createTooltipTrigger.d.ts.map +0 -1
- package/dist/tooltip/index.d.ts +0 -3
- package/dist/tooltip/index.d.ts.map +0 -1
- package/dist/tree/createTree.d.ts +0 -28
- package/dist/tree/createTree.d.ts.map +0 -1
- package/dist/tree/createTreeItem.d.ts +0 -12
- package/dist/tree/createTreeItem.d.ts.map +0 -1
- package/dist/tree/createTreeSelectionCheckbox.d.ts +0 -12
- package/dist/tree/createTreeSelectionCheckbox.d.ts.map +0 -1
- package/dist/tree/index.d.ts +0 -8
- package/dist/tree/index.d.ts.map +0 -1
- package/dist/tree/types.d.ts +0 -81
- package/dist/tree/types.d.ts.map +0 -1
- package/dist/utils/createDescription.d.ts +0 -56
- package/dist/utils/createDescription.d.ts.map +0 -1
- package/dist/utils/dom.d.ts +0 -68
- package/dist/utils/dom.d.ts.map +0 -1
- package/dist/utils/env.d.ts +0 -18
- package/dist/utils/env.d.ts.map +0 -1
- package/dist/utils/events.d.ts +0 -29
- package/dist/utils/events.d.ts.map +0 -1
- package/dist/utils/filterDOMProps.d.ts +0 -29
- package/dist/utils/filterDOMProps.d.ts.map +0 -1
- package/dist/utils/focus.d.ts +0 -20
- package/dist/utils/focus.d.ts.map +0 -1
- package/dist/utils/geometry.d.ts +0 -40
- package/dist/utils/geometry.d.ts.map +0 -1
- package/dist/utils/globalListeners.d.ts +0 -36
- package/dist/utils/globalListeners.d.ts.map +0 -1
- package/dist/utils/index.d.ts +0 -13
- package/dist/utils/index.d.ts.map +0 -1
- package/dist/utils/mergeProps.d.ts +0 -11
- package/dist/utils/mergeProps.d.ts.map +0 -1
- package/dist/utils/platform.d.ts +0 -14
- package/dist/utils/platform.d.ts.map +0 -1
- package/dist/utils/reactivity.d.ts +0 -28
- package/dist/utils/reactivity.d.ts.map +0 -1
- package/dist/utils/textSelection.d.ts +0 -19
- package/dist/utils/textSelection.d.ts.map +0 -1
- package/dist/visually-hidden/createVisuallyHidden.d.ts +0 -60
- package/dist/visually-hidden/createVisuallyHidden.d.ts.map +0 -1
- package/dist/visually-hidden/index.d.ts +0 -2
- package/dist/visually-hidden/index.d.ts.map +0 -1
- package/src/autocomplete/createAutocomplete.ts +0 -341
- package/src/autocomplete/index.ts +0 -9
- package/src/breadcrumbs/createBreadcrumbs.ts +0 -196
- package/src/breadcrumbs/index.ts +0 -8
- package/src/button/createButton.ts +0 -142
- package/src/button/createToggleButton.ts +0 -101
- package/src/button/index.ts +0 -4
- package/src/button/types.ts +0 -78
- package/src/calendar/createCalendar.ts +0 -138
- package/src/calendar/createCalendarCell.ts +0 -187
- package/src/calendar/createCalendarGrid.ts +0 -140
- package/src/calendar/createRangeCalendar.ts +0 -136
- package/src/calendar/createRangeCalendarCell.ts +0 -186
- package/src/calendar/index.ts +0 -34
- package/src/checkbox/createCheckbox.ts +0 -135
- package/src/checkbox/createCheckboxGroup.ts +0 -137
- package/src/checkbox/createCheckboxGroupItem.ts +0 -117
- package/src/checkbox/createCheckboxGroupState.ts +0 -193
- package/src/checkbox/index.ts +0 -13
- package/src/color/createColorArea.ts +0 -314
- package/src/color/createColorField.ts +0 -137
- package/src/color/createColorSlider.ts +0 -197
- package/src/color/createColorSwatch.ts +0 -40
- package/src/color/createColorWheel.ts +0 -208
- package/src/color/index.ts +0 -24
- package/src/color/types.ts +0 -116
- package/src/combobox/createComboBox.ts +0 -647
- package/src/combobox/index.ts +0 -6
- package/src/combobox/intl/en-US.json +0 -7
- package/src/combobox/intl/es-ES.json +0 -7
- package/src/combobox/intl/index.ts +0 -23
- package/src/datepicker/createDateField.ts +0 -154
- package/src/datepicker/createDatePicker.ts +0 -206
- package/src/datepicker/createDateSegment.ts +0 -229
- package/src/datepicker/createTimeField.ts +0 -154
- package/src/datepicker/index.ts +0 -28
- package/src/dialog/createDialog.ts +0 -120
- package/src/dialog/index.ts +0 -2
- package/src/dialog/types.ts +0 -19
- package/src/disclosure/createDisclosure.ts +0 -131
- package/src/disclosure/createDisclosureGroup.ts +0 -62
- package/src/disclosure/index.ts +0 -11
- package/src/dnd/createDrag.ts +0 -209
- package/src/dnd/createDraggableCollection.ts +0 -63
- package/src/dnd/createDraggableItem.ts +0 -243
- package/src/dnd/createDrop.ts +0 -321
- package/src/dnd/createDroppableCollection.ts +0 -293
- package/src/dnd/createDroppableItem.ts +0 -213
- package/src/dnd/index.ts +0 -47
- package/src/dnd/types.ts +0 -89
- package/src/dnd/utils.ts +0 -294
- package/src/focus/FocusScope.tsx +0 -408
- package/src/focus/createAutoFocus.ts +0 -321
- package/src/focus/createFocusRestore.ts +0 -313
- package/src/focus/createVirtualFocus.ts +0 -396
- package/src/focus/index.ts +0 -35
- package/src/form/createFormReset.ts +0 -51
- package/src/form/createFormValidation.ts +0 -224
- package/src/form/index.ts +0 -11
- package/src/grid/GridKeyboardDelegate.ts +0 -429
- package/src/grid/createGrid.ts +0 -261
- package/src/grid/createGridCell.ts +0 -182
- package/src/grid/createGridRow.ts +0 -153
- package/src/grid/index.ts +0 -18
- package/src/grid/types.ts +0 -133
- package/src/gridlist/createGridList.ts +0 -185
- package/src/gridlist/createGridListItem.ts +0 -180
- package/src/gridlist/createGridListSelectionCheckbox.ts +0 -59
- package/src/gridlist/index.ts +0 -16
- package/src/gridlist/types.ts +0 -81
- package/src/i18n/NumberFormatter.ts +0 -266
- package/src/i18n/createCollator.ts +0 -79
- package/src/i18n/createDateFormatter.ts +0 -83
- package/src/i18n/createFilter.ts +0 -131
- package/src/i18n/createNumberFormatter.ts +0 -52
- package/src/i18n/createStringFormatter.ts +0 -87
- package/src/i18n/index.ts +0 -40
- package/src/i18n/locale.tsx +0 -188
- package/src/i18n/utils.ts +0 -99
- package/src/index.ts +0 -670
- package/src/interactions/FocusableProvider.tsx +0 -44
- package/src/interactions/PressEvent.ts +0 -124
- package/src/interactions/createFocus.ts +0 -163
- package/src/interactions/createFocusRing.ts +0 -89
- package/src/interactions/createFocusWithin.ts +0 -206
- package/src/interactions/createFocusable.ts +0 -168
- package/src/interactions/createHover.ts +0 -254
- package/src/interactions/createInteractionModality.ts +0 -424
- package/src/interactions/createKeyboard.ts +0 -82
- package/src/interactions/createLongPress.ts +0 -174
- package/src/interactions/createMove.ts +0 -289
- package/src/interactions/createPress.ts +0 -834
- package/src/interactions/index.ts +0 -78
- package/src/label/createField.ts +0 -145
- package/src/label/createLabel.ts +0 -117
- package/src/label/createLabels.ts +0 -50
- package/src/label/index.ts +0 -19
- package/src/landmark/createLandmark.ts +0 -377
- package/src/landmark/index.ts +0 -8
- package/src/link/createLink.ts +0 -182
- package/src/link/index.ts +0 -1
- package/src/listbox/createListBox.ts +0 -269
- package/src/listbox/createOption.ts +0 -151
- package/src/listbox/index.ts +0 -12
- package/src/live-announcer/announce.ts +0 -322
- package/src/live-announcer/index.ts +0 -9
- package/src/menu/createMenu.ts +0 -396
- package/src/menu/createMenuItem.ts +0 -149
- package/src/menu/createMenuTrigger.ts +0 -88
- package/src/menu/index.ts +0 -18
- package/src/meter/createMeter.ts +0 -75
- package/src/meter/index.ts +0 -1
- package/src/numberfield/createNumberField.ts +0 -268
- package/src/numberfield/index.ts +0 -5
- package/src/overlays/ariaHideOutside.ts +0 -219
- package/src/overlays/createInteractOutside.ts +0 -149
- package/src/overlays/createModal.tsx +0 -202
- package/src/overlays/createOverlay.ts +0 -155
- package/src/overlays/createOverlayTrigger.ts +0 -85
- package/src/overlays/createPreventScroll.ts +0 -266
- package/src/overlays/index.ts +0 -44
- package/src/popover/calculatePosition.ts +0 -766
- package/src/popover/createOverlayPosition.ts +0 -356
- package/src/popover/createPopover.ts +0 -170
- package/src/popover/index.ts +0 -24
- package/src/progress/createProgressBar.ts +0 -128
- package/src/progress/index.ts +0 -5
- package/src/radio/createRadio.ts +0 -287
- package/src/radio/createRadioGroup.ts +0 -189
- package/src/radio/createRadioGroupState.ts +0 -201
- package/src/radio/index.ts +0 -23
- package/src/searchfield/createSearchField.ts +0 -186
- package/src/searchfield/index.ts +0 -2
- package/src/select/createHiddenSelect.tsx +0 -236
- package/src/select/createSelect.ts +0 -395
- package/src/select/index.ts +0 -14
- package/src/selection/createTypeSelect.ts +0 -201
- package/src/selection/index.ts +0 -6
- package/src/separator/createSeparator.ts +0 -82
- package/src/separator/index.ts +0 -6
- package/src/slider/createSlider.ts +0 -349
- package/src/slider/index.ts +0 -2
- package/src/ssr/index.tsx +0 -370
- package/src/switch/createSwitch.ts +0 -70
- package/src/switch/index.ts +0 -1
- package/src/table/createTable.ts +0 -526
- package/src/table/createTableCell.ts +0 -147
- package/src/table/createTableColumnHeader.ts +0 -115
- package/src/table/createTableHeaderRow.ts +0 -40
- package/src/table/createTableRow.ts +0 -155
- package/src/table/createTableRowGroup.ts +0 -32
- package/src/table/createTableSelectAllCheckbox.ts +0 -73
- package/src/table/createTableSelectionCheckbox.ts +0 -59
- package/src/table/index.ts +0 -30
- package/src/table/types.ts +0 -165
- package/src/tabs/createTabs.ts +0 -472
- package/src/tabs/index.ts +0 -14
- package/src/tag/createTag.ts +0 -194
- package/src/tag/createTagGroup.ts +0 -154
- package/src/tag/index.ts +0 -12
- package/src/textfield/createTextField.ts +0 -198
- package/src/textfield/index.ts +0 -5
- package/src/toast/createToast.ts +0 -118
- package/src/toast/createToastRegion.ts +0 -100
- package/src/toast/index.ts +0 -11
- package/src/toggle/createToggle.ts +0 -223
- package/src/toggle/createToggleState.ts +0 -94
- package/src/toggle/index.ts +0 -7
- package/src/toolbar/createToolbar.ts +0 -368
- package/src/toolbar/index.ts +0 -6
- package/src/tooltip/createTooltip.ts +0 -79
- package/src/tooltip/createTooltipTrigger.ts +0 -222
- package/src/tooltip/index.ts +0 -6
- package/src/tree/createTree.ts +0 -246
- package/src/tree/createTreeItem.ts +0 -233
- package/src/tree/createTreeSelectionCheckbox.ts +0 -68
- package/src/tree/index.ts +0 -16
- package/src/tree/types.ts +0 -87
- package/src/utils/createDescription.ts +0 -137
- package/src/utils/dom.ts +0 -327
- package/src/utils/env.ts +0 -54
- package/src/utils/events.ts +0 -106
- package/src/utils/filterDOMProps.ts +0 -116
- package/src/utils/focus.ts +0 -151
- package/src/utils/geometry.ts +0 -115
- package/src/utils/globalListeners.ts +0 -142
- package/src/utils/index.ts +0 -80
- package/src/utils/mergeProps.ts +0 -52
- package/src/utils/platform.ts +0 -52
- package/src/utils/reactivity.ts +0 -36
- package/src/utils/textSelection.ts +0 -114
- package/src/visually-hidden/createVisuallyHidden.ts +0 -124
- package/src/visually-hidden/index.ts +0 -6
package/dist/index.js
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
import { createContext, createSignal, createEffect, onCleanup, onMount, createMemo, useContext, createUniqueId, For, on } from 'solid-js';
|
|
2
|
+
import { isServer, createComponent, Portal, template, spread, insert, effect, memo, use } from 'solid-js/web';
|
|
3
|
+
import { radioGroupSyncVersion, createId as createId$1, normalizeColor, createDragState, createDropState } from '@proyecto-viviana/solid-stately';
|
|
4
|
+
export { createCheckboxGroupState, createRadioGroupState, createToggleState } from '@proyecto-viviana/solid-stately';
|
|
5
|
+
import { LocalizedStringFormatter, LocalizedStringDictionary } from '@internationalized/string';
|
|
6
|
+
|
|
1
7
|
// src/interactions/createPress.ts
|
|
2
|
-
import { createSignal as createSignal2, onCleanup as onCleanup3 } from "solid-js";
|
|
3
8
|
|
|
4
9
|
// src/interactions/PressEvent.ts
|
|
5
10
|
var PressEvent = class {
|
|
@@ -452,13 +457,13 @@ function isVirtualPointerEvent(event) {
|
|
|
452
457
|
return !isAndroid() && event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse";
|
|
453
458
|
}
|
|
454
459
|
function chain(...callbacks) {
|
|
455
|
-
return (...args) => {
|
|
460
|
+
return ((...args) => {
|
|
456
461
|
for (const callback of callbacks) {
|
|
457
462
|
if (typeof callback === "function") {
|
|
458
463
|
callback(...args);
|
|
459
464
|
}
|
|
460
465
|
}
|
|
461
|
-
};
|
|
466
|
+
});
|
|
462
467
|
}
|
|
463
468
|
function setEventTarget(event, target) {
|
|
464
469
|
Object.defineProperty(event, "target", {
|
|
@@ -626,9 +631,6 @@ function findFocusableAncestor(element) {
|
|
|
626
631
|
return element;
|
|
627
632
|
}
|
|
628
633
|
var focusSafely = focusWithoutScrolling;
|
|
629
|
-
|
|
630
|
-
// src/utils/globalListeners.ts
|
|
631
|
-
import { onCleanup } from "solid-js";
|
|
632
634
|
function createGlobalListeners() {
|
|
633
635
|
const listeners2 = [];
|
|
634
636
|
function addGlobalListener(type, handler, options) {
|
|
@@ -691,10 +693,6 @@ function isDevEnv() {
|
|
|
691
693
|
const nodeEnv = getEnvVar("NODE_ENV");
|
|
692
694
|
return nodeEnv !== "production";
|
|
693
695
|
}
|
|
694
|
-
|
|
695
|
-
// src/utils/createDescription.ts
|
|
696
|
-
import { createSignal, createEffect, onCleanup as onCleanup2 } from "solid-js";
|
|
697
|
-
import { isServer } from "solid-js/web";
|
|
698
696
|
var descriptionId = 0;
|
|
699
697
|
var descriptionNodes = /* @__PURE__ */ new Map();
|
|
700
698
|
function createDescription(description) {
|
|
@@ -723,7 +721,7 @@ function createDescription(description) {
|
|
|
723
721
|
setId(node.element.id);
|
|
724
722
|
}
|
|
725
723
|
node.refCount++;
|
|
726
|
-
|
|
724
|
+
onCleanup(() => {
|
|
727
725
|
if (node && --node.refCount === 0) {
|
|
728
726
|
node.element.remove();
|
|
729
727
|
descriptionNodes.delete(desc);
|
|
@@ -751,7 +749,7 @@ function isPressedValue(isPressed) {
|
|
|
751
749
|
}
|
|
752
750
|
return isPressed ?? false;
|
|
753
751
|
}
|
|
754
|
-
var LINK_CLICKED = Symbol("linkClicked");
|
|
752
|
+
var LINK_CLICKED = /* @__PURE__ */ Symbol("linkClicked");
|
|
755
753
|
var pressableCSSInjected = false;
|
|
756
754
|
function injectPressableCSS() {
|
|
757
755
|
if (pressableCSSInjected || typeof document === "undefined") return;
|
|
@@ -766,7 +764,7 @@ function injectPressableCSS() {
|
|
|
766
764
|
pressableCSSInjected = true;
|
|
767
765
|
}
|
|
768
766
|
function createPress(props = {}) {
|
|
769
|
-
const [internalIsPressed, setInternalIsPressed] =
|
|
767
|
+
const [internalIsPressed, setInternalIsPressed] = createSignal(false);
|
|
770
768
|
const isPressed = () => {
|
|
771
769
|
const controlledPressed = isPressedValue(props.isPressed);
|
|
772
770
|
if (controlledPressed) {
|
|
@@ -1271,7 +1269,7 @@ function createPress(props = {}) {
|
|
|
1271
1269
|
// Attribute for CSS touch-action
|
|
1272
1270
|
"data-solidaria-pressable": ""
|
|
1273
1271
|
};
|
|
1274
|
-
|
|
1272
|
+
onCleanup(() => {
|
|
1275
1273
|
removeAllGlobalListeners();
|
|
1276
1274
|
if (pressState.clickCleanup) {
|
|
1277
1275
|
pressState.clickCleanup();
|
|
@@ -1283,9 +1281,6 @@ function createPress(props = {}) {
|
|
|
1283
1281
|
pressProps
|
|
1284
1282
|
};
|
|
1285
1283
|
}
|
|
1286
|
-
|
|
1287
|
-
// src/interactions/createLongPress.ts
|
|
1288
|
-
import { onCleanup as onCleanup4 } from "solid-js";
|
|
1289
1284
|
var DEFAULT_THRESHOLD = 500;
|
|
1290
1285
|
function isDisabledValue2(isDisabled) {
|
|
1291
1286
|
return typeof isDisabled === "function" ? isDisabled() : !!isDisabled;
|
|
@@ -1359,7 +1354,7 @@ function createLongPress(props = {}) {
|
|
|
1359
1354
|
const descriptionProps = createDescription(
|
|
1360
1355
|
() => onLongPress && !isDisabledValue2(isDisabled) ? accessibilityDescription : void 0
|
|
1361
1356
|
);
|
|
1362
|
-
|
|
1357
|
+
onCleanup(() => {
|
|
1363
1358
|
if (timeoutId) {
|
|
1364
1359
|
clearTimeout(timeoutId);
|
|
1365
1360
|
timeoutId = void 0;
|
|
@@ -1375,9 +1370,6 @@ function createLongPress(props = {}) {
|
|
|
1375
1370
|
longPressProps
|
|
1376
1371
|
};
|
|
1377
1372
|
}
|
|
1378
|
-
|
|
1379
|
-
// src/interactions/createMove.ts
|
|
1380
|
-
import { createSignal as createSignal3, createEffect as createEffect2, onCleanup as onCleanup5 } from "solid-js";
|
|
1381
1373
|
function createBaseEvent(originalEvent, pointerType) {
|
|
1382
1374
|
return {
|
|
1383
1375
|
pointerType,
|
|
@@ -1395,7 +1387,7 @@ function createMove(props = {}) {
|
|
|
1395
1387
|
id: null
|
|
1396
1388
|
};
|
|
1397
1389
|
const { addGlobalListener, removeGlobalListener } = createGlobalListeners();
|
|
1398
|
-
const [pointerDown, setPointerDown] =
|
|
1390
|
+
const [pointerDown, setPointerDown] = createSignal(null);
|
|
1399
1391
|
const move = (originalEvent, pointerType, deltaX, deltaY) => {
|
|
1400
1392
|
if (deltaX === 0 && deltaY === 0) {
|
|
1401
1393
|
return;
|
|
@@ -1423,7 +1415,7 @@ function createMove(props = {}) {
|
|
|
1423
1415
|
});
|
|
1424
1416
|
}
|
|
1425
1417
|
};
|
|
1426
|
-
|
|
1418
|
+
createEffect(() => {
|
|
1427
1419
|
const activePointer = pointerDown();
|
|
1428
1420
|
if (!activePointer) return;
|
|
1429
1421
|
if (activePointer === "pointer") {
|
|
@@ -1448,7 +1440,7 @@ function createMove(props = {}) {
|
|
|
1448
1440
|
addGlobalListener("pointermove", onPointerMove, { isWindow: true });
|
|
1449
1441
|
addGlobalListener("pointerup", onPointerUp, { isWindow: true });
|
|
1450
1442
|
addGlobalListener("pointercancel", onPointerUp, { isWindow: true });
|
|
1451
|
-
|
|
1443
|
+
onCleanup(() => {
|
|
1452
1444
|
removeGlobalListener("pointermove", onPointerMove, { isWindow: true });
|
|
1453
1445
|
removeGlobalListener("pointerup", onPointerUp, { isWindow: true });
|
|
1454
1446
|
removeGlobalListener("pointercancel", onPointerUp, { isWindow: true });
|
|
@@ -1572,15 +1564,10 @@ function createMove(props = {}) {
|
|
|
1572
1564
|
e.stopPropagation();
|
|
1573
1565
|
triggerKeyboardMove(e, 0, 1);
|
|
1574
1566
|
break;
|
|
1575
|
-
default:
|
|
1576
|
-
break;
|
|
1577
1567
|
}
|
|
1578
1568
|
};
|
|
1579
1569
|
return { moveProps };
|
|
1580
1570
|
}
|
|
1581
|
-
|
|
1582
|
-
// src/interactions/createFocus.ts
|
|
1583
|
-
import { onCleanup as onCleanup6 } from "solid-js";
|
|
1584
1571
|
function getActiveElement(doc) {
|
|
1585
1572
|
let activeElement = doc.activeElement;
|
|
1586
1573
|
while (activeElement && activeElement.shadowRoot?.activeElement) {
|
|
@@ -1624,8 +1611,8 @@ function createSyntheticBlurHandler(_onBlur) {
|
|
|
1624
1611
|
function createFocus(props = {}) {
|
|
1625
1612
|
const { isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange } = props;
|
|
1626
1613
|
let cleanupRef;
|
|
1627
|
-
const syntheticBlurHandler = createSyntheticBlurHandler(
|
|
1628
|
-
|
|
1614
|
+
const syntheticBlurHandler = createSyntheticBlurHandler();
|
|
1615
|
+
onCleanup(() => {
|
|
1629
1616
|
if (cleanupRef) {
|
|
1630
1617
|
cleanupRef();
|
|
1631
1618
|
}
|
|
@@ -1668,9 +1655,6 @@ function createFocus(props = {}) {
|
|
|
1668
1655
|
}
|
|
1669
1656
|
};
|
|
1670
1657
|
}
|
|
1671
|
-
|
|
1672
|
-
// src/interactions/createFocusWithin.ts
|
|
1673
|
-
import { onCleanup as onCleanup7 } from "solid-js";
|
|
1674
1658
|
function getActiveElement2(doc) {
|
|
1675
1659
|
let activeElement = doc.activeElement;
|
|
1676
1660
|
while (activeElement && activeElement.shadowRoot?.activeElement) {
|
|
@@ -1715,9 +1699,9 @@ function createFocusWithin(props = {}) {
|
|
|
1715
1699
|
const { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props;
|
|
1716
1700
|
let isFocusWithin = false;
|
|
1717
1701
|
const { addGlobalListener, removeAllGlobalListeners } = createGlobalListeners();
|
|
1718
|
-
const syntheticBlurHandler = createSyntheticBlurHandler2(
|
|
1702
|
+
const syntheticBlurHandler = createSyntheticBlurHandler2();
|
|
1719
1703
|
let cleanupRef;
|
|
1720
|
-
|
|
1704
|
+
onCleanup(() => {
|
|
1721
1705
|
cleanupRef?.();
|
|
1722
1706
|
removeAllGlobalListeners();
|
|
1723
1707
|
});
|
|
@@ -1797,9 +1781,6 @@ function createFocusWithin(props = {}) {
|
|
|
1797
1781
|
};
|
|
1798
1782
|
}
|
|
1799
1783
|
|
|
1800
|
-
// src/interactions/createFocusable.ts
|
|
1801
|
-
import { createContext, useContext, onMount } from "solid-js";
|
|
1802
|
-
|
|
1803
1784
|
// src/interactions/createKeyboard.ts
|
|
1804
1785
|
function createEventHandler(handler) {
|
|
1805
1786
|
if (!handler) {
|
|
@@ -1836,14 +1817,6 @@ function createKeyboard(props = {}) {
|
|
|
1836
1817
|
var FocusableContext = createContext(null);
|
|
1837
1818
|
function useFocusableContext(setRef) {
|
|
1838
1819
|
const context = useContext(FocusableContext) || {};
|
|
1839
|
-
if (context.ref) {
|
|
1840
|
-
const contextRef = context.ref;
|
|
1841
|
-
const originalSetRef = setRef;
|
|
1842
|
-
setRef = (el) => {
|
|
1843
|
-
originalSetRef(el);
|
|
1844
|
-
contextRef(el);
|
|
1845
|
-
};
|
|
1846
|
-
}
|
|
1847
1820
|
const { ref: _, ...otherProps } = context;
|
|
1848
1821
|
return otherProps;
|
|
1849
1822
|
}
|
|
@@ -1872,7 +1845,7 @@ function createFocusable(props = {}, ref) {
|
|
|
1872
1845
|
onKeyUp: props.onKeyUp
|
|
1873
1846
|
});
|
|
1874
1847
|
const interactions = mergeProps(focusProps, keyboardProps);
|
|
1875
|
-
const contextProps = useFocusableContext(
|
|
1848
|
+
const contextProps = useFocusableContext();
|
|
1876
1849
|
const interactionProps = isDisabledValue3(props.isDisabled) ? {} : contextProps;
|
|
1877
1850
|
onMount(() => {
|
|
1878
1851
|
if (props.autoFocus && elementRef && !autoFocusDone) {
|
|
@@ -1896,15 +1869,7 @@ function createFocusable(props = {}, ref) {
|
|
|
1896
1869
|
focusableProps
|
|
1897
1870
|
};
|
|
1898
1871
|
}
|
|
1899
|
-
|
|
1900
|
-
// src/interactions/createFocusRing.ts
|
|
1901
|
-
import { createSignal as createSignal5, createEffect as createEffect4, onCleanup as onCleanup9, createMemo } from "solid-js";
|
|
1902
|
-
|
|
1903
|
-
// src/interactions/createInteractionModality.ts
|
|
1904
|
-
import { createSignal as createSignal4, createEffect as createEffect3, onCleanup as onCleanup8 } from "solid-js";
|
|
1905
|
-
import { isServer as isServer2 } from "solid-js/web";
|
|
1906
1872
|
var currentModality = null;
|
|
1907
|
-
var currentPointerType = "keyboard";
|
|
1908
1873
|
var changeHandlers = /* @__PURE__ */ new Set();
|
|
1909
1874
|
var hasSetupGlobalListeners = /* @__PURE__ */ new Map();
|
|
1910
1875
|
var hasEventBeforeFocus = false;
|
|
@@ -1927,13 +1892,11 @@ function handleKeyboardEvent(e) {
|
|
|
1927
1892
|
const isOpening = openLink.isOpening;
|
|
1928
1893
|
if (!isOpening && isValidKey(e)) {
|
|
1929
1894
|
currentModality = "keyboard";
|
|
1930
|
-
currentPointerType = "keyboard";
|
|
1931
1895
|
triggerChangeHandlers("keyboard", e);
|
|
1932
1896
|
}
|
|
1933
1897
|
}
|
|
1934
1898
|
function handlePointerEvent(e) {
|
|
1935
1899
|
currentModality = "pointer";
|
|
1936
|
-
currentPointerType = "pointerType" in e ? e.pointerType : "mouse";
|
|
1937
1900
|
if (e.type === "mousedown" || e.type === "pointerdown") {
|
|
1938
1901
|
hasEventBeforeFocus = true;
|
|
1939
1902
|
triggerChangeHandlers("pointer", e);
|
|
@@ -1944,7 +1907,6 @@ function handleClickEvent(e) {
|
|
|
1944
1907
|
if (!isOpening && isVirtualClick(e)) {
|
|
1945
1908
|
hasEventBeforeFocus = true;
|
|
1946
1909
|
currentModality = "virtual";
|
|
1947
|
-
currentPointerType = "virtual";
|
|
1948
1910
|
}
|
|
1949
1911
|
}
|
|
1950
1912
|
function handleFocusEvent(e) {
|
|
@@ -1960,16 +1922,12 @@ function handleFocusEvent(e) {
|
|
|
1960
1922
|
}
|
|
1961
1923
|
if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {
|
|
1962
1924
|
currentModality = "virtual";
|
|
1963
|
-
currentPointerType = "virtual";
|
|
1964
1925
|
triggerChangeHandlers("virtual", e);
|
|
1965
1926
|
}
|
|
1966
1927
|
hasEventBeforeFocus = false;
|
|
1967
1928
|
hasBlurredWindowRecently = false;
|
|
1968
1929
|
}
|
|
1969
1930
|
function handleWindowBlur() {
|
|
1970
|
-
if (ignoreFocusEvent) {
|
|
1971
|
-
return;
|
|
1972
|
-
}
|
|
1973
1931
|
hasEventBeforeFocus = false;
|
|
1974
1932
|
hasBlurredWindowRecently = true;
|
|
1975
1933
|
}
|
|
@@ -2068,7 +2026,6 @@ function isFocusVisible() {
|
|
|
2068
2026
|
}
|
|
2069
2027
|
function setInteractionModality(modality) {
|
|
2070
2028
|
currentModality = modality;
|
|
2071
|
-
currentPointerType = modality === "pointer" ? "mouse" : modality;
|
|
2072
2029
|
triggerChangeHandlers(modality, null);
|
|
2073
2030
|
}
|
|
2074
2031
|
function isKeyboardFocusEvent(isTextInput, modality, e) {
|
|
@@ -2110,14 +2067,14 @@ function createFocusVisibleListener(handler, opts) {
|
|
|
2110
2067
|
};
|
|
2111
2068
|
}
|
|
2112
2069
|
function createFocusVisible(props = {}) {
|
|
2113
|
-
if (
|
|
2070
|
+
if (isServer) {
|
|
2114
2071
|
return { isFocusVisible: () => false };
|
|
2115
2072
|
}
|
|
2116
2073
|
const { isTextInput, autoFocus } = props;
|
|
2117
|
-
const [isVisible, setIsVisible] =
|
|
2118
|
-
|
|
2074
|
+
const [isVisible, setIsVisible] = createSignal(autoFocus || isFocusVisible());
|
|
2075
|
+
createEffect(() => {
|
|
2119
2076
|
const cleanup = createFocusVisibleListener(setIsVisible, { isTextInput });
|
|
2120
|
-
|
|
2077
|
+
onCleanup(cleanup);
|
|
2121
2078
|
});
|
|
2122
2079
|
return { isFocusVisible: isVisible };
|
|
2123
2080
|
}
|
|
@@ -2125,16 +2082,16 @@ function createFocusVisible(props = {}) {
|
|
|
2125
2082
|
// src/interactions/createFocusRing.ts
|
|
2126
2083
|
function createFocusRing(props = {}) {
|
|
2127
2084
|
const { isTextInput = false, autoFocus = false, within = false } = props;
|
|
2128
|
-
const [isFocused, setIsFocused] =
|
|
2129
|
-
const [focusVisibleFlag, setFocusVisibleFlag] =
|
|
2085
|
+
const [isFocused, setIsFocused] = createSignal(false);
|
|
2086
|
+
const [focusVisibleFlag, setFocusVisibleFlag] = createSignal(
|
|
2130
2087
|
autoFocus || isFocusVisible()
|
|
2131
2088
|
);
|
|
2132
2089
|
const isFocusVisible3 = createMemo(() => isFocused() && focusVisibleFlag());
|
|
2133
|
-
|
|
2090
|
+
createEffect(() => {
|
|
2134
2091
|
const cleanup = createFocusVisibleListener((visible) => {
|
|
2135
2092
|
setFocusVisibleFlag(visible);
|
|
2136
2093
|
}, { isTextInput });
|
|
2137
|
-
|
|
2094
|
+
onCleanup(cleanup);
|
|
2138
2095
|
});
|
|
2139
2096
|
const onFocusChange = (focused) => {
|
|
2140
2097
|
setIsFocused(focused);
|
|
@@ -2153,9 +2110,6 @@ function createFocusRing(props = {}) {
|
|
|
2153
2110
|
focusProps: within ? focusWithinResult.focusWithinProps : focusResult.focusProps
|
|
2154
2111
|
};
|
|
2155
2112
|
}
|
|
2156
|
-
|
|
2157
|
-
// src/interactions/createHover.ts
|
|
2158
|
-
import { createSignal as createSignal6, createEffect as createEffect5, onCleanup as onCleanup10, createMemo as createMemo2 } from "solid-js";
|
|
2159
2113
|
var globalIgnoreEmulatedMouseEvents = false;
|
|
2160
2114
|
var hoverCount = 0;
|
|
2161
2115
|
function setGlobalIgnoreEmulatedMouseEvents() {
|
|
@@ -2196,7 +2150,7 @@ function setupGlobalTouchEvents() {
|
|
|
2196
2150
|
}
|
|
2197
2151
|
function createHover(props = {}) {
|
|
2198
2152
|
const getProps = () => access(props);
|
|
2199
|
-
const [isHovered, setIsHovered] =
|
|
2153
|
+
const [isHovered, setIsHovered] = createSignal(false);
|
|
2200
2154
|
const { addGlobalListener, removeAllGlobalListeners } = createGlobalListeners();
|
|
2201
2155
|
let state2 = {
|
|
2202
2156
|
isHovered: false,
|
|
@@ -2204,11 +2158,11 @@ function createHover(props = {}) {
|
|
|
2204
2158
|
pointerType: "",
|
|
2205
2159
|
target: null
|
|
2206
2160
|
};
|
|
2207
|
-
|
|
2161
|
+
createEffect(() => {
|
|
2208
2162
|
const cleanup = setupGlobalTouchEvents();
|
|
2209
|
-
|
|
2163
|
+
onCleanup(cleanup);
|
|
2210
2164
|
});
|
|
2211
|
-
|
|
2165
|
+
createEffect(() => {
|
|
2212
2166
|
const p = getProps();
|
|
2213
2167
|
if (p.isDisabled && state2.isHovered) {
|
|
2214
2168
|
triggerHoverEnd(state2.target, state2.pointerType);
|
|
@@ -2253,7 +2207,7 @@ function createHover(props = {}) {
|
|
|
2253
2207
|
p.onHoverChange?.(false);
|
|
2254
2208
|
setIsHovered(false);
|
|
2255
2209
|
}
|
|
2256
|
-
const hoverProps =
|
|
2210
|
+
const hoverProps = createMemo(() => {
|
|
2257
2211
|
if (typeof PointerEvent !== "undefined") {
|
|
2258
2212
|
return {
|
|
2259
2213
|
onPointerEnter: (e) => {
|
|
@@ -2406,9 +2360,6 @@ function createButton(props = {}) {
|
|
|
2406
2360
|
isPressed
|
|
2407
2361
|
};
|
|
2408
2362
|
}
|
|
2409
|
-
|
|
2410
|
-
// src/button/createToggleButton.ts
|
|
2411
|
-
import { createSignal as createSignal7 } from "solid-js";
|
|
2412
2363
|
function getSelectedValue(isSelected) {
|
|
2413
2364
|
if (typeof isSelected === "function") {
|
|
2414
2365
|
return isSelected();
|
|
@@ -2417,7 +2368,7 @@ function getSelectedValue(isSelected) {
|
|
|
2417
2368
|
}
|
|
2418
2369
|
function createToggleButton(props = {}) {
|
|
2419
2370
|
const isControlled = props.isSelected !== void 0;
|
|
2420
|
-
const [uncontrolledSelected, setUncontrolledSelected] =
|
|
2371
|
+
const [uncontrolledSelected, setUncontrolledSelected] = createSignal(
|
|
2421
2372
|
props.defaultSelected ?? false
|
|
2422
2373
|
);
|
|
2423
2374
|
const isSelected = () => {
|
|
@@ -2454,15 +2405,6 @@ function createToggleButton(props = {}) {
|
|
|
2454
2405
|
isSelected
|
|
2455
2406
|
};
|
|
2456
2407
|
}
|
|
2457
|
-
|
|
2458
|
-
// src/checkbox/createCheckbox.ts
|
|
2459
|
-
import { createEffect as createEffect7 } from "solid-js";
|
|
2460
|
-
|
|
2461
|
-
// src/toggle/index.ts
|
|
2462
|
-
import { createToggleState } from "@proyecto-viviana/solid-stately";
|
|
2463
|
-
|
|
2464
|
-
// src/toggle/createToggle.ts
|
|
2465
|
-
import { createEffect as createEffect6 } from "solid-js";
|
|
2466
2408
|
function createToggle(props, state2, ref) {
|
|
2467
2409
|
const getProps = () => access(props);
|
|
2468
2410
|
const isDisabled = () => getProps().isDisabled ?? false;
|
|
@@ -2548,13 +2490,11 @@ function createToggle(props, state2, ref) {
|
|
|
2548
2490
|
}
|
|
2549
2491
|
state2.setSelected(e.currentTarget.checked);
|
|
2550
2492
|
};
|
|
2551
|
-
|
|
2493
|
+
createEffect(() => {
|
|
2552
2494
|
const p = getProps();
|
|
2553
2495
|
const hasChildren = p.children != null;
|
|
2554
2496
|
const hasAriaLabel = p["aria-label"] != null || p["aria-labelledby"] != null;
|
|
2555
|
-
if (!hasChildren && !hasAriaLabel && isDevEnv())
|
|
2556
|
-
console.warn("If you do not provide children, you must specify an aria-label for accessibility");
|
|
2557
|
-
}
|
|
2497
|
+
if (!hasChildren && !hasAriaLabel && isDevEnv()) ;
|
|
2558
2498
|
});
|
|
2559
2499
|
const combinedIsPressed = () => isPressed() || isLabelPressed();
|
|
2560
2500
|
return {
|
|
@@ -2600,7 +2540,7 @@ function createCheckbox(props, state2, inputRef) {
|
|
|
2600
2540
|
isReadOnly,
|
|
2601
2541
|
isInvalid
|
|
2602
2542
|
} = toggleResult;
|
|
2603
|
-
|
|
2543
|
+
createEffect(() => {
|
|
2604
2544
|
const input = inputRef();
|
|
2605
2545
|
const isIndeterminate = getProps().isIndeterminate;
|
|
2606
2546
|
if (input) {
|
|
@@ -2640,37 +2580,29 @@ function createCheckbox(props, state2, inputRef) {
|
|
|
2640
2580
|
isInvalid
|
|
2641
2581
|
};
|
|
2642
2582
|
}
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
import { createCheckboxGroupState } from "@proyecto-viviana/solid-stately";
|
|
2646
|
-
|
|
2647
|
-
// src/ssr/index.tsx
|
|
2648
|
-
import { createComponent as _$createComponent } from "solid-js/web";
|
|
2649
|
-
import { createContext as createContext2, createEffect as createEffect8, createMemo as createMemo3, createSignal as createSignal8, onCleanup as onCleanup11, onMount as onMount2, useContext as useContext2, createUniqueId } from "solid-js";
|
|
2650
|
-
import { isServer as isServer3 } from "solid-js/web";
|
|
2651
|
-
var SSRContext = createContext2({
|
|
2652
|
-
isSSR: isServer3,
|
|
2583
|
+
var SSRContext = createContext({
|
|
2584
|
+
isSSR: isServer,
|
|
2653
2585
|
prefix: ""
|
|
2654
2586
|
});
|
|
2655
2587
|
function createIsSSR() {
|
|
2656
|
-
return
|
|
2588
|
+
return isServer;
|
|
2657
2589
|
}
|
|
2658
|
-
var canUseDOM = !
|
|
2590
|
+
var canUseDOM = !isServer;
|
|
2659
2591
|
function createId(defaultId) {
|
|
2660
2592
|
if (defaultId) {
|
|
2661
2593
|
return defaultId;
|
|
2662
2594
|
}
|
|
2663
|
-
const ctx =
|
|
2595
|
+
const ctx = useContext(SSRContext);
|
|
2664
2596
|
const uniqueId = createUniqueId();
|
|
2665
2597
|
return ctx.prefix ? `solidaria-${ctx.prefix}-${uniqueId}` : `solidaria-${uniqueId}`;
|
|
2666
2598
|
}
|
|
2667
2599
|
function SSRProvider(props) {
|
|
2668
|
-
const parentContext =
|
|
2669
|
-
const value =
|
|
2670
|
-
isSSR:
|
|
2600
|
+
const parentContext = useContext(SSRContext);
|
|
2601
|
+
const value = createMemo(() => ({
|
|
2602
|
+
isSSR: isServer,
|
|
2671
2603
|
prefix: props.prefix ? parentContext.prefix ? `${parentContext.prefix}-${props.prefix}` : props.prefix : parentContext.prefix
|
|
2672
2604
|
}));
|
|
2673
|
-
return
|
|
2605
|
+
return createComponent(SSRContext.Provider, {
|
|
2674
2606
|
get value() {
|
|
2675
2607
|
return value();
|
|
2676
2608
|
},
|
|
@@ -2680,11 +2612,11 @@ function SSRProvider(props) {
|
|
|
2680
2612
|
});
|
|
2681
2613
|
}
|
|
2682
2614
|
function createHydrationState() {
|
|
2683
|
-
if (
|
|
2615
|
+
if (isServer) {
|
|
2684
2616
|
return () => true;
|
|
2685
2617
|
}
|
|
2686
|
-
const [isHydrating, setIsHydrating] =
|
|
2687
|
-
|
|
2618
|
+
const [isHydrating, setIsHydrating] = createSignal(true);
|
|
2619
|
+
onMount(() => {
|
|
2688
2620
|
setIsHydrating(false);
|
|
2689
2621
|
});
|
|
2690
2622
|
return isHydrating;
|
|
@@ -2693,22 +2625,22 @@ function useIsSSR() {
|
|
|
2693
2625
|
return createHydrationState();
|
|
2694
2626
|
}
|
|
2695
2627
|
function createBrowserEffect(fn) {
|
|
2696
|
-
if (
|
|
2628
|
+
if (isServer) {
|
|
2697
2629
|
return;
|
|
2698
2630
|
}
|
|
2699
|
-
|
|
2631
|
+
createEffect(() => {
|
|
2700
2632
|
const cleanup = fn();
|
|
2701
2633
|
if (typeof cleanup === "function") {
|
|
2702
|
-
|
|
2634
|
+
onCleanup(cleanup);
|
|
2703
2635
|
}
|
|
2704
2636
|
});
|
|
2705
2637
|
}
|
|
2706
2638
|
function createBrowserValue(fn, fallback) {
|
|
2707
|
-
if (
|
|
2639
|
+
if (isServer) {
|
|
2708
2640
|
return () => fallback;
|
|
2709
2641
|
}
|
|
2710
|
-
const [value, setValue] =
|
|
2711
|
-
|
|
2642
|
+
const [value, setValue] = createSignal(fallback);
|
|
2643
|
+
onMount(() => {
|
|
2712
2644
|
setValue(() => fn());
|
|
2713
2645
|
});
|
|
2714
2646
|
return value;
|
|
@@ -2786,11 +2718,7 @@ function createLabel(props) {
|
|
|
2786
2718
|
let labelledBy = ariaLabelledby;
|
|
2787
2719
|
if (label) {
|
|
2788
2720
|
labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
|
|
2789
|
-
} else if (!ariaLabelledby && !ariaLabel && isDevEnv())
|
|
2790
|
-
console.warn(
|
|
2791
|
-
"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility"
|
|
2792
|
-
);
|
|
2793
|
-
}
|
|
2721
|
+
} else if (!ariaLabelledby && !ariaLabel && isDevEnv()) ;
|
|
2794
2722
|
return createLabels({
|
|
2795
2723
|
id,
|
|
2796
2724
|
"aria-label": ariaLabel,
|
|
@@ -3001,12 +2929,6 @@ function createCheckboxGroupItem(props, state2, inputRef) {
|
|
|
3001
2929
|
};
|
|
3002
2930
|
}
|
|
3003
2931
|
|
|
3004
|
-
// src/radio/index.ts
|
|
3005
|
-
import {
|
|
3006
|
-
createRadioGroupState,
|
|
3007
|
-
radioGroupSyncVersion as radioGroupSyncVersion2
|
|
3008
|
-
} from "@proyecto-viviana/solid-stately";
|
|
3009
|
-
|
|
3010
2932
|
// src/radio/createRadioGroup.ts
|
|
3011
2933
|
var radioGroupData = /* @__PURE__ */ new WeakMap();
|
|
3012
2934
|
function createRadioGroup(props, state2) {
|
|
@@ -3086,10 +3008,6 @@ function createRadioGroup(props, state2) {
|
|
|
3086
3008
|
}
|
|
3087
3009
|
};
|
|
3088
3010
|
}
|
|
3089
|
-
|
|
3090
|
-
// src/radio/createRadio.ts
|
|
3091
|
-
import { createEffect as createEffect9 } from "solid-js";
|
|
3092
|
-
import { radioGroupSyncVersion } from "@proyecto-viviana/solid-stately";
|
|
3093
3011
|
function createRadio(props, state2, ref) {
|
|
3094
3012
|
const getProps = () => access(props);
|
|
3095
3013
|
const isDisabled = () => getProps().isDisabled || state2.isDisabled;
|
|
@@ -3099,15 +3017,13 @@ function createRadio(props, state2, ref) {
|
|
|
3099
3017
|
const v = value();
|
|
3100
3018
|
return selected === v;
|
|
3101
3019
|
};
|
|
3102
|
-
|
|
3020
|
+
createEffect(() => {
|
|
3103
3021
|
const p = getProps();
|
|
3104
3022
|
const hasChildren = p.children != null;
|
|
3105
3023
|
const hasAriaLabel = p["aria-label"] != null || p["aria-labelledby"] != null;
|
|
3106
|
-
if (!hasChildren && !hasAriaLabel && isDevEnv())
|
|
3107
|
-
console.warn("If you do not provide children, you must specify an aria-label for accessibility");
|
|
3108
|
-
}
|
|
3024
|
+
if (!hasChildren && !hasAriaLabel && isDevEnv()) ;
|
|
3109
3025
|
});
|
|
3110
|
-
|
|
3026
|
+
createEffect(() => {
|
|
3111
3027
|
const inputEl = ref();
|
|
3112
3028
|
if (!inputEl) return;
|
|
3113
3029
|
const syncVersion = radioGroupSyncVersion.get(state2);
|
|
@@ -3548,17 +3464,6 @@ function createSeparator(props = {}) {
|
|
|
3548
3464
|
};
|
|
3549
3465
|
}
|
|
3550
3466
|
|
|
3551
|
-
// src/toolbar/createToolbar.ts
|
|
3552
|
-
import {
|
|
3553
|
-
createSignal as createSignal10,
|
|
3554
|
-
onMount as onMount3,
|
|
3555
|
-
onCleanup as onCleanup13
|
|
3556
|
-
} from "solid-js";
|
|
3557
|
-
|
|
3558
|
-
// src/i18n/locale.tsx
|
|
3559
|
-
import { createComponent as _$createComponent2 } from "solid-js/web";
|
|
3560
|
-
import { createContext as createContext3, createEffect as createEffect10, createMemo as createMemo4, createSignal as createSignal9, onCleanup as onCleanup12, useContext as useContext3 } from "solid-js";
|
|
3561
|
-
|
|
3562
3467
|
// src/i18n/utils.ts
|
|
3563
3468
|
var RTL_SCRIPTS = /* @__PURE__ */ new Set([
|
|
3564
3469
|
"Arab",
|
|
@@ -3619,16 +3524,11 @@ function createCacheKey(locale, options) {
|
|
|
3619
3524
|
}
|
|
3620
3525
|
|
|
3621
3526
|
// src/i18n/locale.tsx
|
|
3622
|
-
var localeSymbol = Symbol.for("solidaria.i18n.locale");
|
|
3527
|
+
var localeSymbol = /* @__PURE__ */ Symbol.for("solidaria.i18n.locale");
|
|
3623
3528
|
var currentLocale = null;
|
|
3624
3529
|
var listeners = /* @__PURE__ */ new Set();
|
|
3625
3530
|
function getDefaultLocale() {
|
|
3626
3531
|
let locale = typeof window !== "undefined" && window[localeSymbol] || typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
|
|
3627
|
-
try {
|
|
3628
|
-
Intl.DateTimeFormat.supportedLocalesOf([locale]);
|
|
3629
|
-
} catch {
|
|
3630
|
-
locale = "en-US";
|
|
3631
|
-
}
|
|
3632
3532
|
return {
|
|
3633
3533
|
locale,
|
|
3634
3534
|
direction: isRTL(locale) ? "rtl" : "ltr"
|
|
@@ -3640,13 +3540,13 @@ function updateLocale() {
|
|
|
3640
3540
|
listener(currentLocale);
|
|
3641
3541
|
}
|
|
3642
3542
|
}
|
|
3643
|
-
var I18nContext =
|
|
3543
|
+
var I18nContext = createContext(null);
|
|
3644
3544
|
function createDefaultLocale() {
|
|
3645
3545
|
if (!currentLocale) {
|
|
3646
3546
|
currentLocale = getDefaultLocale();
|
|
3647
3547
|
}
|
|
3648
|
-
const [locale, setLocale] =
|
|
3649
|
-
|
|
3548
|
+
const [locale, setLocale] = createSignal(currentLocale);
|
|
3549
|
+
createEffect(() => {
|
|
3650
3550
|
if (typeof window === "undefined") {
|
|
3651
3551
|
return;
|
|
3652
3552
|
}
|
|
@@ -3654,7 +3554,7 @@ function createDefaultLocale() {
|
|
|
3654
3554
|
window.addEventListener("languagechange", updateLocale);
|
|
3655
3555
|
}
|
|
3656
3556
|
listeners.add(setLocale);
|
|
3657
|
-
|
|
3557
|
+
onCleanup(() => {
|
|
3658
3558
|
listeners.delete(setLocale);
|
|
3659
3559
|
if (listeners.size === 0) {
|
|
3660
3560
|
window.removeEventListener("languagechange", updateLocale);
|
|
@@ -3664,13 +3564,13 @@ function createDefaultLocale() {
|
|
|
3664
3564
|
return locale;
|
|
3665
3565
|
}
|
|
3666
3566
|
function useLocale() {
|
|
3667
|
-
const context =
|
|
3567
|
+
const context = useContext(I18nContext);
|
|
3668
3568
|
const defaultLocale = createDefaultLocale();
|
|
3669
3569
|
return context || defaultLocale;
|
|
3670
3570
|
}
|
|
3671
3571
|
function I18nProvider(props) {
|
|
3672
3572
|
const defaultLocale = createDefaultLocale();
|
|
3673
|
-
const locale =
|
|
3573
|
+
const locale = createMemo(() => {
|
|
3674
3574
|
if (props.locale) {
|
|
3675
3575
|
return {
|
|
3676
3576
|
locale: props.locale,
|
|
@@ -3679,7 +3579,7 @@ function I18nProvider(props) {
|
|
|
3679
3579
|
}
|
|
3680
3580
|
return defaultLocale();
|
|
3681
3581
|
});
|
|
3682
|
-
return
|
|
3582
|
+
return createComponent(I18nContext.Provider, {
|
|
3683
3583
|
value: locale,
|
|
3684
3584
|
get children() {
|
|
3685
3585
|
return props.children;
|
|
@@ -3758,11 +3658,6 @@ function numberFormatSignDisplayPolyfill(numberFormat, signDisplay, num) {
|
|
|
3758
3658
|
const negative = numberFormat.format(-processedNum);
|
|
3759
3659
|
const noSign = numberFormat.format(processedNum);
|
|
3760
3660
|
const minus = negative.replace(noSign, "").replace(/\u200e|\u061C/, "");
|
|
3761
|
-
if ([...minus].length !== 1) {
|
|
3762
|
-
console.warn(
|
|
3763
|
-
"solidaria i18n polyfill for NumberFormat signDisplay: Unsupported case"
|
|
3764
|
-
);
|
|
3765
|
-
}
|
|
3766
3661
|
const positive = negative.replace(noSign, "!!!").replace(minus, "+").replace("!!!", noSign);
|
|
3767
3662
|
return positive;
|
|
3768
3663
|
} else {
|
|
@@ -3846,16 +3741,10 @@ var NumberFormatter = class {
|
|
|
3846
3741
|
return options;
|
|
3847
3742
|
}
|
|
3848
3743
|
};
|
|
3849
|
-
|
|
3850
|
-
// src/i18n/createNumberFormatter.ts
|
|
3851
|
-
import { createMemo as createMemo5 } from "solid-js";
|
|
3852
3744
|
function createNumberFormatter(options = {}) {
|
|
3853
3745
|
const locale = useLocale();
|
|
3854
|
-
return
|
|
3746
|
+
return createMemo(() => new NumberFormatter(locale().locale, options));
|
|
3855
3747
|
}
|
|
3856
|
-
|
|
3857
|
-
// src/i18n/createDateFormatter.ts
|
|
3858
|
-
import { createMemo as createMemo6 } from "solid-js";
|
|
3859
3748
|
var dateFormatterCache = /* @__PURE__ */ new Map();
|
|
3860
3749
|
function getCachedDateFormatter(locale, options) {
|
|
3861
3750
|
const cacheKey = createCacheKey(locale, options);
|
|
@@ -3868,11 +3757,8 @@ function getCachedDateFormatter(locale, options) {
|
|
|
3868
3757
|
}
|
|
3869
3758
|
function createDateFormatter(options) {
|
|
3870
3759
|
const locale = useLocale();
|
|
3871
|
-
return
|
|
3760
|
+
return createMemo(() => getCachedDateFormatter(locale().locale, options));
|
|
3872
3761
|
}
|
|
3873
|
-
|
|
3874
|
-
// src/i18n/createCollator.ts
|
|
3875
|
-
import { createMemo as createMemo7 } from "solid-js";
|
|
3876
3762
|
var collatorCache = /* @__PURE__ */ new Map();
|
|
3877
3763
|
function getCachedCollator(locale, options) {
|
|
3878
3764
|
const cacheKey = createCacheKey(locale, options);
|
|
@@ -3885,17 +3771,14 @@ function getCachedCollator(locale, options) {
|
|
|
3885
3771
|
}
|
|
3886
3772
|
function createCollator(options) {
|
|
3887
3773
|
const locale = useLocale();
|
|
3888
|
-
return
|
|
3774
|
+
return createMemo(() => getCachedCollator(locale().locale, options));
|
|
3889
3775
|
}
|
|
3890
|
-
|
|
3891
|
-
// src/i18n/createFilter.ts
|
|
3892
|
-
import { createMemo as createMemo8 } from "solid-js";
|
|
3893
3776
|
function createFilter(options) {
|
|
3894
3777
|
const collator = createCollator({
|
|
3895
3778
|
usage: "search",
|
|
3896
3779
|
...options
|
|
3897
3780
|
});
|
|
3898
|
-
return
|
|
3781
|
+
return createMemo(() => {
|
|
3899
3782
|
const coll = collator();
|
|
3900
3783
|
const startsWith = (str, substring) => {
|
|
3901
3784
|
if (substring.length === 0) {
|
|
@@ -3935,13 +3818,6 @@ function createFilter(options) {
|
|
|
3935
3818
|
};
|
|
3936
3819
|
});
|
|
3937
3820
|
}
|
|
3938
|
-
|
|
3939
|
-
// src/i18n/createStringFormatter.ts
|
|
3940
|
-
import {
|
|
3941
|
-
LocalizedStringDictionary,
|
|
3942
|
-
LocalizedStringFormatter
|
|
3943
|
-
} from "@internationalized/string";
|
|
3944
|
-
import { createMemo as createMemo9 } from "solid-js";
|
|
3945
3821
|
var cache = /* @__PURE__ */ new WeakMap();
|
|
3946
3822
|
function getCachedDictionary(strings) {
|
|
3947
3823
|
let dictionary = cache.get(strings);
|
|
@@ -3952,12 +3828,12 @@ function getCachedDictionary(strings) {
|
|
|
3952
3828
|
return dictionary;
|
|
3953
3829
|
}
|
|
3954
3830
|
function createStringDictionary(strings, packageName) {
|
|
3955
|
-
return
|
|
3831
|
+
return getCachedDictionary(strings);
|
|
3956
3832
|
}
|
|
3957
3833
|
function createStringFormatter(strings, packageName) {
|
|
3958
3834
|
const localeAccessor = useLocale();
|
|
3959
|
-
const dictionary = createStringDictionary(strings
|
|
3960
|
-
return
|
|
3835
|
+
const dictionary = createStringDictionary(strings);
|
|
3836
|
+
return createMemo(() => new LocalizedStringFormatter(localeAccessor().locale, dictionary));
|
|
3961
3837
|
}
|
|
3962
3838
|
|
|
3963
3839
|
// src/toolbar/createToolbar.ts
|
|
@@ -4082,14 +3958,14 @@ function createFocusManager(ref) {
|
|
|
4082
3958
|
}
|
|
4083
3959
|
function createToolbar(props = {}) {
|
|
4084
3960
|
let toolbarRef;
|
|
4085
|
-
const [isInToolbar, setIsInToolbar] =
|
|
3961
|
+
const [isInToolbar, setIsInToolbar] = createSignal(false);
|
|
4086
3962
|
let lastFocusedElement = null;
|
|
4087
3963
|
const locale = useLocale();
|
|
4088
3964
|
const orientation = () => access(props.orientation) ?? "horizontal";
|
|
4089
3965
|
const ariaLabel = () => access(props["aria-label"]);
|
|
4090
3966
|
const ariaLabelledby = () => access(props["aria-labelledby"]);
|
|
4091
3967
|
const focusManager = createFocusManager(() => toolbarRef);
|
|
4092
|
-
|
|
3968
|
+
onMount(() => {
|
|
4093
3969
|
if (toolbarRef) {
|
|
4094
3970
|
const parentToolbar = toolbarRef.parentElement?.closest('[role="toolbar"]');
|
|
4095
3971
|
setIsInToolbar(!!parentToolbar);
|
|
@@ -4156,7 +4032,7 @@ function createToolbar(props = {}) {
|
|
|
4156
4032
|
toolbarRef = el;
|
|
4157
4033
|
el.addEventListener("keydown", onKeyDown, true);
|
|
4158
4034
|
el.addEventListener("focus", onFocus, true);
|
|
4159
|
-
|
|
4035
|
+
onCleanup(() => {
|
|
4160
4036
|
el.removeEventListener("keydown", onKeyDown, true);
|
|
4161
4037
|
el.removeEventListener("focus", onFocus, true);
|
|
4162
4038
|
});
|
|
@@ -4180,13 +4056,6 @@ function createToolbar(props = {}) {
|
|
|
4180
4056
|
orientation
|
|
4181
4057
|
};
|
|
4182
4058
|
}
|
|
4183
|
-
|
|
4184
|
-
// src/autocomplete/createAutocomplete.ts
|
|
4185
|
-
import {
|
|
4186
|
-
createSignal as createSignal11,
|
|
4187
|
-
createEffect as createEffect11,
|
|
4188
|
-
onCleanup as onCleanup14
|
|
4189
|
-
} from "solid-js";
|
|
4190
4059
|
var AUTOCOMPLETE_FOCUS_EVENT = "autocomplete:focus";
|
|
4191
4060
|
var AUTOCOMPLETE_CLEAR_FOCUS_EVENT = "autocomplete:clearfocus";
|
|
4192
4061
|
function createAutocomplete(props, state2) {
|
|
@@ -4198,17 +4067,17 @@ function createAutocomplete(props, state2) {
|
|
|
4198
4067
|
disableVirtualFocus = false
|
|
4199
4068
|
} = props;
|
|
4200
4069
|
const collectionId = createId();
|
|
4201
|
-
const [shouldUseVirtualFocus] =
|
|
4070
|
+
const [shouldUseVirtualFocus] = createSignal(!disableVirtualFocus);
|
|
4202
4071
|
let lastInputType = "";
|
|
4203
4072
|
const handleInput = (e) => {
|
|
4204
4073
|
const inputEvent = e;
|
|
4205
4074
|
lastInputType = inputEvent.inputType || "";
|
|
4206
4075
|
};
|
|
4207
|
-
|
|
4076
|
+
createEffect(() => {
|
|
4208
4077
|
const input = inputRef();
|
|
4209
4078
|
if (input) {
|
|
4210
4079
|
input.addEventListener("input", handleInput);
|
|
4211
|
-
|
|
4080
|
+
onCleanup(() => {
|
|
4212
4081
|
input.removeEventListener("input", handleInput);
|
|
4213
4082
|
});
|
|
4214
4083
|
}
|
|
@@ -4309,9 +4178,7 @@ function createAutocomplete(props, state2) {
|
|
|
4309
4178
|
if (!e.isTrusted) return;
|
|
4310
4179
|
const focusedNodeId = state2.focusedNodeId();
|
|
4311
4180
|
if (focusedNodeId) {
|
|
4312
|
-
|
|
4313
|
-
if (item) {
|
|
4314
|
-
}
|
|
4181
|
+
document.getElementById(focusedNodeId);
|
|
4315
4182
|
}
|
|
4316
4183
|
};
|
|
4317
4184
|
const onBlur = (e) => {
|
|
@@ -4344,14 +4211,11 @@ function createAutocomplete(props, state2) {
|
|
|
4344
4211
|
filter: filterFn
|
|
4345
4212
|
};
|
|
4346
4213
|
}
|
|
4347
|
-
|
|
4348
|
-
// src/overlays/createPreventScroll.ts
|
|
4349
|
-
import { createEffect as createEffect12, onCleanup as onCleanup15 } from "solid-js";
|
|
4350
4214
|
var visualViewport = typeof document !== "undefined" && window.visualViewport;
|
|
4351
4215
|
var preventScrollCount = 0;
|
|
4352
4216
|
var restore;
|
|
4353
4217
|
function createPreventScroll(options = {}) {
|
|
4354
|
-
|
|
4218
|
+
createEffect(() => {
|
|
4355
4219
|
const isDisabled = options.isDisabled;
|
|
4356
4220
|
if (isDisabled) {
|
|
4357
4221
|
return;
|
|
@@ -4364,7 +4228,7 @@ function createPreventScroll(options = {}) {
|
|
|
4364
4228
|
restore = preventScrollStandard();
|
|
4365
4229
|
}
|
|
4366
4230
|
}
|
|
4367
|
-
|
|
4231
|
+
onCleanup(() => {
|
|
4368
4232
|
preventScrollCount--;
|
|
4369
4233
|
if (preventScrollCount === 0 && restore) {
|
|
4370
4234
|
restore();
|
|
@@ -4497,14 +4361,11 @@ function scrollIntoView(target) {
|
|
|
4497
4361
|
nextTarget = scrollableParent.parentElement;
|
|
4498
4362
|
}
|
|
4499
4363
|
}
|
|
4500
|
-
|
|
4501
|
-
// src/overlays/createOverlayTrigger.ts
|
|
4502
|
-
import { createEffect as createEffect13 } from "solid-js";
|
|
4503
4364
|
var onCloseMap = /* @__PURE__ */ new WeakMap();
|
|
4504
4365
|
function createOverlayTrigger(props, state2, ref) {
|
|
4505
4366
|
const propsAccessor = () => access(props);
|
|
4506
4367
|
const overlayId = createId();
|
|
4507
|
-
|
|
4368
|
+
createEffect(() => {
|
|
4508
4369
|
const element = ref?.();
|
|
4509
4370
|
if (element) {
|
|
4510
4371
|
onCloseMap.set(element, state2.close);
|
|
@@ -4537,16 +4398,10 @@ function createOverlayTrigger(props, state2, ref) {
|
|
|
4537
4398
|
}
|
|
4538
4399
|
};
|
|
4539
4400
|
}
|
|
4540
|
-
|
|
4541
|
-
// src/overlays/createOverlay.ts
|
|
4542
|
-
import { createEffect as createEffect15, onCleanup as onCleanup17 } from "solid-js";
|
|
4543
|
-
|
|
4544
|
-
// src/overlays/createInteractOutside.ts
|
|
4545
|
-
import { createEffect as createEffect14, onCleanup as onCleanup16 } from "solid-js";
|
|
4546
4401
|
function createInteractOutside(props) {
|
|
4547
4402
|
let isPointerDown = false;
|
|
4548
4403
|
let ignoreEmulatedMouseEvents = false;
|
|
4549
|
-
|
|
4404
|
+
createEffect(() => {
|
|
4550
4405
|
const { ref, onInteractOutside, onInteractOutsideStart, isDisabled } = props;
|
|
4551
4406
|
if (isDisabled) {
|
|
4552
4407
|
return;
|
|
@@ -4575,7 +4430,7 @@ function createInteractOutside(props) {
|
|
|
4575
4430
|
};
|
|
4576
4431
|
documentObject.addEventListener("pointerdown", onPointerDown, true);
|
|
4577
4432
|
documentObject.addEventListener("click", onClick, true);
|
|
4578
|
-
|
|
4433
|
+
onCleanup(() => {
|
|
4579
4434
|
documentObject.removeEventListener("pointerdown", onPointerDown, true);
|
|
4580
4435
|
documentObject.removeEventListener("click", onClick, true);
|
|
4581
4436
|
});
|
|
@@ -4615,7 +4470,7 @@ function createInteractOutside(props) {
|
|
|
4615
4470
|
documentObject.addEventListener("mouseup", onMouseUp, true);
|
|
4616
4471
|
documentObject.addEventListener("touchstart", onTouchStart, true);
|
|
4617
4472
|
documentObject.addEventListener("touchend", onTouchEnd, true);
|
|
4618
|
-
|
|
4473
|
+
onCleanup(() => {
|
|
4619
4474
|
documentObject.removeEventListener("mousedown", onMouseDown, true);
|
|
4620
4475
|
documentObject.removeEventListener("mouseup", onMouseUp, true);
|
|
4621
4476
|
documentObject.removeEventListener("touchstart", onTouchStart, true);
|
|
@@ -4655,11 +4510,11 @@ function createOverlay(props, ref) {
|
|
|
4655
4510
|
isKeyboardDismissDisabled = false,
|
|
4656
4511
|
shouldCloseOnInteractOutside
|
|
4657
4512
|
} = props;
|
|
4658
|
-
|
|
4513
|
+
createEffect(() => {
|
|
4659
4514
|
if (isOpen && !visibleOverlays.includes(ref)) {
|
|
4660
4515
|
visibleOverlays.push(ref);
|
|
4661
4516
|
}
|
|
4662
|
-
|
|
4517
|
+
onCleanup(() => {
|
|
4663
4518
|
const index = visibleOverlays.indexOf(ref);
|
|
4664
4519
|
if (index >= 0) {
|
|
4665
4520
|
visibleOverlays.splice(index, 1);
|
|
@@ -4858,22 +4713,11 @@ function keepVisible(element) {
|
|
|
4858
4713
|
};
|
|
4859
4714
|
}
|
|
4860
4715
|
}
|
|
4861
|
-
|
|
4862
|
-
|
|
4863
|
-
import { template as _$template } from "solid-js/web";
|
|
4864
|
-
import { getNextElement as _$getNextElement } from "solid-js/web";
|
|
4865
|
-
import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
|
|
4866
|
-
import { insert as _$insert } from "solid-js/web";
|
|
4867
|
-
import { spread as _$spread } from "solid-js/web";
|
|
4868
|
-
import { createComponent as _$createComponent3 } from "solid-js/web";
|
|
4869
|
-
import { createContext as createContext4, createSignal as createSignal12, useContext as useContext4, createEffect as createEffect16, onCleanup as onCleanup18 } from "solid-js";
|
|
4870
|
-
import { Portal } from "solid-js/web";
|
|
4871
|
-
import { isServer as isServer4 } from "solid-js/web";
|
|
4872
|
-
var _tmpl$ = /* @__PURE__ */ _$template(`<div data-overlay-container>`);
|
|
4873
|
-
var ModalContext = createContext4(null);
|
|
4716
|
+
var _tmpl$ = /* @__PURE__ */ template(`<div data-overlay-container>`);
|
|
4717
|
+
var ModalContext = createContext(null);
|
|
4874
4718
|
var ModalProvider = (props) => {
|
|
4875
|
-
const parent =
|
|
4876
|
-
const [modalCount, setModalCount] =
|
|
4719
|
+
const parent = useContext(ModalContext);
|
|
4720
|
+
const [modalCount, setModalCount] = createSignal(0);
|
|
4877
4721
|
const context = {
|
|
4878
4722
|
parent,
|
|
4879
4723
|
modalCount,
|
|
@@ -4890,7 +4734,7 @@ var ModalProvider = (props) => {
|
|
|
4890
4734
|
}
|
|
4891
4735
|
}
|
|
4892
4736
|
};
|
|
4893
|
-
return
|
|
4737
|
+
return createComponent(ModalContext.Provider, {
|
|
4894
4738
|
value: context,
|
|
4895
4739
|
get children() {
|
|
4896
4740
|
return props.children;
|
|
@@ -4898,7 +4742,7 @@ var ModalProvider = (props) => {
|
|
|
4898
4742
|
});
|
|
4899
4743
|
};
|
|
4900
4744
|
function useModalProvider() {
|
|
4901
|
-
const context =
|
|
4745
|
+
const context = useContext(ModalContext);
|
|
4902
4746
|
return {
|
|
4903
4747
|
modalProviderProps: {
|
|
4904
4748
|
get "aria-hidden"() {
|
|
@@ -4912,17 +4756,16 @@ var OverlayContainerDOM = (props) => {
|
|
|
4912
4756
|
modalProviderProps
|
|
4913
4757
|
} = useModalProvider();
|
|
4914
4758
|
return (() => {
|
|
4915
|
-
var _el$ =
|
|
4916
|
-
|
|
4917
|
-
|
|
4918
|
-
_$runHydrationEvents();
|
|
4759
|
+
var _el$ = _tmpl$();
|
|
4760
|
+
spread(_el$, modalProviderProps, false, true);
|
|
4761
|
+
insert(_el$, () => props.children);
|
|
4919
4762
|
return _el$;
|
|
4920
4763
|
})();
|
|
4921
4764
|
};
|
|
4922
4765
|
var OverlayProvider = (props) => {
|
|
4923
|
-
return
|
|
4766
|
+
return createComponent(ModalProvider, {
|
|
4924
4767
|
get children() {
|
|
4925
|
-
return
|
|
4768
|
+
return createComponent(OverlayContainerDOM, {
|
|
4926
4769
|
get children() {
|
|
4927
4770
|
return props.children;
|
|
4928
4771
|
}
|
|
@@ -4931,22 +4774,22 @@ var OverlayProvider = (props) => {
|
|
|
4931
4774
|
});
|
|
4932
4775
|
};
|
|
4933
4776
|
var OverlayContainer = (props) => {
|
|
4934
|
-
if (
|
|
4777
|
+
if (isServer) {
|
|
4935
4778
|
return null;
|
|
4936
4779
|
}
|
|
4937
4780
|
const portalContainer = () => props.portalContainer ?? document.body;
|
|
4938
|
-
|
|
4781
|
+
createEffect(() => {
|
|
4939
4782
|
const container = portalContainer();
|
|
4940
4783
|
if (container?.closest("[data-overlay-container]")) {
|
|
4941
4784
|
throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
|
|
4942
4785
|
}
|
|
4943
4786
|
});
|
|
4944
|
-
return
|
|
4787
|
+
return createComponent(Portal, {
|
|
4945
4788
|
get mount() {
|
|
4946
4789
|
return portalContainer();
|
|
4947
4790
|
},
|
|
4948
4791
|
get children() {
|
|
4949
|
-
return
|
|
4792
|
+
return createComponent(OverlayProvider, {
|
|
4950
4793
|
get children() {
|
|
4951
4794
|
return props.children;
|
|
4952
4795
|
}
|
|
@@ -4955,16 +4798,16 @@ var OverlayContainer = (props) => {
|
|
|
4955
4798
|
});
|
|
4956
4799
|
};
|
|
4957
4800
|
function createModal(options) {
|
|
4958
|
-
const context =
|
|
4801
|
+
const context = useContext(ModalContext);
|
|
4959
4802
|
if (!context) {
|
|
4960
4803
|
throw new Error("Modal is not contained within a provider");
|
|
4961
4804
|
}
|
|
4962
|
-
|
|
4805
|
+
createEffect(() => {
|
|
4963
4806
|
if (options?.isDisabled || !context.parent) {
|
|
4964
4807
|
return;
|
|
4965
4808
|
}
|
|
4966
4809
|
context.parent.addModal();
|
|
4967
|
-
|
|
4810
|
+
onCleanup(() => {
|
|
4968
4811
|
if (context.parent) {
|
|
4969
4812
|
context.parent.removeModal();
|
|
4970
4813
|
}
|
|
@@ -4977,9 +4820,6 @@ function createModal(options) {
|
|
|
4977
4820
|
};
|
|
4978
4821
|
}
|
|
4979
4822
|
|
|
4980
|
-
// src/listbox/createListBox.ts
|
|
4981
|
-
import { createEffect as createEffect17, onCleanup as onCleanup19 } from "solid-js";
|
|
4982
|
-
|
|
4983
4823
|
// src/selection/createTypeSelect.ts
|
|
4984
4824
|
var TYPEAHEAD_DEBOUNCE_WAIT_MS = 1e3;
|
|
4985
4825
|
function getStringForKey(key) {
|
|
@@ -5073,15 +4913,10 @@ function createListBox(props, state2, _ref) {
|
|
|
5073
4913
|
const getProps = () => access(props);
|
|
5074
4914
|
const id = createId(getProps().id);
|
|
5075
4915
|
if (isDevEnv()) {
|
|
5076
|
-
|
|
5077
|
-
if (!p.label && !p["aria-label"] && !p["aria-labelledby"]) {
|
|
5078
|
-
console.warn(
|
|
5079
|
-
"[solidaria] A ListBox requires an aria-label or aria-labelledby attribute for accessibility."
|
|
5080
|
-
);
|
|
5081
|
-
}
|
|
4916
|
+
getProps();
|
|
5082
4917
|
}
|
|
5083
4918
|
const domProps = () => filterDOMProps(getProps(), { labelable: true });
|
|
5084
|
-
|
|
4919
|
+
createEffect(() => {
|
|
5085
4920
|
const p = getProps();
|
|
5086
4921
|
listBoxData.set(state2, {
|
|
5087
4922
|
id,
|
|
@@ -5089,7 +4924,7 @@ function createListBox(props, state2, _ref) {
|
|
|
5089
4924
|
shouldSelectOnPressUp: p.shouldSelectOnPressUp,
|
|
5090
4925
|
shouldFocusOnHover: p.shouldFocusOnHover
|
|
5091
4926
|
});
|
|
5092
|
-
|
|
4927
|
+
onCleanup(() => {
|
|
5093
4928
|
listBoxData.delete(state2);
|
|
5094
4929
|
});
|
|
5095
4930
|
});
|
|
@@ -5318,9 +5153,6 @@ function createOption(props, state2, _ref) {
|
|
|
5318
5153
|
isDisabled
|
|
5319
5154
|
};
|
|
5320
5155
|
}
|
|
5321
|
-
|
|
5322
|
-
// src/menu/createMenu.ts
|
|
5323
|
-
import { createEffect as createEffect18, onCleanup as onCleanup20 } from "solid-js";
|
|
5324
5156
|
var DEFAULT_PAGE_SIZE = 10;
|
|
5325
5157
|
function findNextNonDisabledKey(collection, currentKey, direction, isDisabled, wrap) {
|
|
5326
5158
|
const getNextKey2 = direction === "next" ? (key) => collection.getKeyAfter(key) : (key) => collection.getKeyBefore(key);
|
|
@@ -5345,22 +5177,17 @@ function createMenu(props, state2, ref) {
|
|
|
5345
5177
|
const getProps = () => access(props);
|
|
5346
5178
|
const id = createId(getProps().id);
|
|
5347
5179
|
if (isDevEnv()) {
|
|
5348
|
-
|
|
5349
|
-
if (!p.label && !p["aria-label"] && !p["aria-labelledby"]) {
|
|
5350
|
-
console.warn(
|
|
5351
|
-
"[solidaria] A Menu requires an aria-label or aria-labelledby attribute for accessibility."
|
|
5352
|
-
);
|
|
5353
|
-
}
|
|
5180
|
+
getProps();
|
|
5354
5181
|
}
|
|
5355
5182
|
const domProps = () => filterDOMProps(getProps(), { labelable: true });
|
|
5356
|
-
|
|
5183
|
+
createEffect(() => {
|
|
5357
5184
|
const p = getProps();
|
|
5358
5185
|
menuData.set(state2, {
|
|
5359
5186
|
id,
|
|
5360
5187
|
onAction: p.onAction,
|
|
5361
5188
|
onClose: p.onClose
|
|
5362
5189
|
});
|
|
5363
|
-
|
|
5190
|
+
onCleanup(() => {
|
|
5364
5191
|
menuData.delete(state2);
|
|
5365
5192
|
});
|
|
5366
5193
|
});
|
|
@@ -5695,9 +5522,6 @@ function createMenuTrigger(props, state2) {
|
|
|
5695
5522
|
}
|
|
5696
5523
|
};
|
|
5697
5524
|
}
|
|
5698
|
-
|
|
5699
|
-
// src/select/createSelect.ts
|
|
5700
|
-
import { createEffect as createEffect19, onCleanup as onCleanup21 } from "solid-js";
|
|
5701
5525
|
var selectData = /* @__PURE__ */ new WeakMap();
|
|
5702
5526
|
function getSelectData(state2) {
|
|
5703
5527
|
return selectData.get(state2);
|
|
@@ -5711,9 +5535,9 @@ function createSelect(props, state2, _ref) {
|
|
|
5711
5535
|
const descriptionId2 = `${id}-description`;
|
|
5712
5536
|
const errorMessageId = `${id}-error`;
|
|
5713
5537
|
const domProps = () => filterDOMProps(getProps(), { labelable: true });
|
|
5714
|
-
|
|
5538
|
+
createEffect(() => {
|
|
5715
5539
|
selectData.set(state2, { id });
|
|
5716
|
-
|
|
5540
|
+
onCleanup(() => {
|
|
5717
5541
|
selectData.delete(state2);
|
|
5718
5542
|
});
|
|
5719
5543
|
});
|
|
@@ -5949,21 +5773,6 @@ function createSelect(props, state2, _ref) {
|
|
|
5949
5773
|
selectedItem: state2.selectedItem
|
|
5950
5774
|
};
|
|
5951
5775
|
}
|
|
5952
|
-
|
|
5953
|
-
// src/select/createHiddenSelect.tsx
|
|
5954
|
-
import { template as _$template2 } from "solid-js/web";
|
|
5955
|
-
import { setProperty as _$setProperty } from "solid-js/web";
|
|
5956
|
-
import { effect as _$effect } from "solid-js/web";
|
|
5957
|
-
import { getNextElement as _$getNextElement2 } from "solid-js/web";
|
|
5958
|
-
import { runHydrationEvents as _$runHydrationEvents2 } from "solid-js/web";
|
|
5959
|
-
import { getNextMarker as _$getNextMarker } from "solid-js/web";
|
|
5960
|
-
import { insert as _$insert2 } from "solid-js/web";
|
|
5961
|
-
import { createComponent as _$createComponent4 } from "solid-js/web";
|
|
5962
|
-
import { spread as _$spread2 } from "solid-js/web";
|
|
5963
|
-
import { For, createEffect as createEffect21, onCleanup as onCleanup23 } from "solid-js";
|
|
5964
|
-
|
|
5965
|
-
// src/form/createFormValidation.ts
|
|
5966
|
-
import { createEffect as createEffect20, onCleanup as onCleanup22 } from "solid-js";
|
|
5967
5776
|
function getValidity(input) {
|
|
5968
5777
|
const validity = input.validity;
|
|
5969
5778
|
return {
|
|
@@ -6000,7 +5809,7 @@ function createFormValidation(props, state2, ref) {
|
|
|
6000
5809
|
const validationBehavior = () => props.validationBehavior ?? "aria";
|
|
6001
5810
|
const focus = () => props.focus;
|
|
6002
5811
|
let isIgnoredReset = false;
|
|
6003
|
-
|
|
5812
|
+
createEffect(() => {
|
|
6004
5813
|
const input = ref();
|
|
6005
5814
|
if (validationBehavior() === "native" && input && !input.disabled) {
|
|
6006
5815
|
const realtimeValidation = state2.realtimeValidation();
|
|
@@ -6014,7 +5823,7 @@ function createFormValidation(props, state2, ref) {
|
|
|
6014
5823
|
}
|
|
6015
5824
|
}
|
|
6016
5825
|
});
|
|
6017
|
-
|
|
5826
|
+
createEffect(() => {
|
|
6018
5827
|
const input = ref();
|
|
6019
5828
|
if (!input) {
|
|
6020
5829
|
return;
|
|
@@ -6055,7 +5864,7 @@ function createFormValidation(props, state2, ref) {
|
|
|
6055
5864
|
input.addEventListener("invalid", onInvalid);
|
|
6056
5865
|
input.addEventListener("change", onChange);
|
|
6057
5866
|
form?.addEventListener("reset", onReset);
|
|
6058
|
-
|
|
5867
|
+
onCleanup(() => {
|
|
6059
5868
|
input.removeEventListener("invalid", onInvalid);
|
|
6060
5869
|
input.removeEventListener("change", onChange);
|
|
6061
5870
|
form?.removeEventListener("reset", onReset);
|
|
@@ -6067,12 +5876,12 @@ function createFormValidation(props, state2, ref) {
|
|
|
6067
5876
|
}
|
|
6068
5877
|
|
|
6069
5878
|
// src/select/createHiddenSelect.tsx
|
|
6070
|
-
var _tmpl$2 = /* @__PURE__ */
|
|
6071
|
-
var _tmpl$22 = /* @__PURE__ */
|
|
5879
|
+
var _tmpl$2 = /* @__PURE__ */ template(`<div><label><select><option>`);
|
|
5880
|
+
var _tmpl$22 = /* @__PURE__ */ template(`<option>`);
|
|
6072
5881
|
function createHiddenSelect(props) {
|
|
6073
5882
|
const getProps = () => access(props);
|
|
6074
5883
|
let selectRef;
|
|
6075
|
-
|
|
5884
|
+
createEffect(() => {
|
|
6076
5885
|
const p = getProps();
|
|
6077
5886
|
if (!selectRef) return;
|
|
6078
5887
|
const form = selectRef.form;
|
|
@@ -6082,11 +5891,11 @@ function createHiddenSelect(props) {
|
|
|
6082
5891
|
p.state.setSelectedKey(defaultKey);
|
|
6083
5892
|
};
|
|
6084
5893
|
form.addEventListener("reset", handleReset);
|
|
6085
|
-
|
|
5894
|
+
onCleanup(() => {
|
|
6086
5895
|
form.removeEventListener("reset", handleReset);
|
|
6087
5896
|
});
|
|
6088
5897
|
});
|
|
6089
|
-
|
|
5898
|
+
createEffect(() => {
|
|
6090
5899
|
const p = getProps();
|
|
6091
5900
|
if (!selectRef || p.validationBehavior !== "native" || !p.validationState) return;
|
|
6092
5901
|
createFormValidation({
|
|
@@ -6195,29 +6004,25 @@ function HiddenSelect(props) {
|
|
|
6195
6004
|
const collection = () => props.state.collection();
|
|
6196
6005
|
const selectedKey = () => props.state.selectedKey();
|
|
6197
6006
|
return (() => {
|
|
6198
|
-
var _el$ =
|
|
6199
|
-
|
|
6200
|
-
|
|
6201
|
-
|
|
6202
|
-
|
|
6007
|
+
var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
|
|
6008
|
+
spread(_el$, containerProps, false, true);
|
|
6009
|
+
insert(_el$2, () => props.label, _el$3);
|
|
6010
|
+
spread(_el$3, selectProps, false, true);
|
|
6011
|
+
insert(_el$3, createComponent(For, {
|
|
6203
6012
|
get each() {
|
|
6204
6013
|
return Array.from(collection());
|
|
6205
6014
|
},
|
|
6206
6015
|
children: (item) => (() => {
|
|
6207
|
-
var _el$
|
|
6208
|
-
|
|
6209
|
-
|
|
6210
|
-
|
|
6211
|
-
return _el$
|
|
6016
|
+
var _el$5 = _tmpl$22();
|
|
6017
|
+
insert(_el$5, () => item.textValue);
|
|
6018
|
+
effect(() => _el$5.selected = item.key === selectedKey());
|
|
6019
|
+
effect(() => _el$5.value = String(item.key));
|
|
6020
|
+
return _el$5;
|
|
6212
6021
|
})()
|
|
6213
|
-
}),
|
|
6214
|
-
_$runHydrationEvents2();
|
|
6022
|
+
}), null);
|
|
6215
6023
|
return _el$;
|
|
6216
6024
|
})();
|
|
6217
6025
|
}
|
|
6218
|
-
|
|
6219
|
-
// src/tabs/createTabs.ts
|
|
6220
|
-
import { createMemo as createMemo10, onMount as onMount4 } from "solid-js";
|
|
6221
6026
|
var tabListIds = /* @__PURE__ */ new WeakMap();
|
|
6222
6027
|
function getTabListId(state2) {
|
|
6223
6028
|
let id = tabListIds.get(state2);
|
|
@@ -6366,12 +6171,12 @@ function createTabList(props, state2) {
|
|
|
6366
6171
|
}
|
|
6367
6172
|
function createTab(props, state2, ref) {
|
|
6368
6173
|
const key = () => props.key;
|
|
6369
|
-
const isSelected =
|
|
6370
|
-
const isDisabled =
|
|
6174
|
+
const isSelected = createMemo(() => state2.selectedKey() === key());
|
|
6175
|
+
const isDisabled = createMemo(() => {
|
|
6371
6176
|
if (props.isDisabled) return true;
|
|
6372
6177
|
return state2.isKeyDisabled(key());
|
|
6373
6178
|
});
|
|
6374
|
-
const isFocused =
|
|
6179
|
+
const isFocused = createMemo(() => state2.focusedKey() === key());
|
|
6375
6180
|
const { isFocusVisible: isFocusVisible3, focusProps } = createFocusRing();
|
|
6376
6181
|
const { isPressed, pressProps } = createPress({
|
|
6377
6182
|
get isDisabled() {
|
|
@@ -6413,8 +6218,8 @@ function createTab(props, state2, ref) {
|
|
|
6413
6218
|
const handleClick = (e) => {
|
|
6414
6219
|
callHandler(pressProps.onClick, e);
|
|
6415
6220
|
};
|
|
6416
|
-
|
|
6417
|
-
const cleanup =
|
|
6221
|
+
onMount(() => {
|
|
6222
|
+
const cleanup = createMemo(() => {
|
|
6418
6223
|
if (isFocused() && ref?.()) {
|
|
6419
6224
|
ref()?.focus();
|
|
6420
6225
|
}
|
|
@@ -6445,7 +6250,7 @@ function createTab(props, state2, ref) {
|
|
|
6445
6250
|
};
|
|
6446
6251
|
}
|
|
6447
6252
|
function createTabPanel(props, state2) {
|
|
6448
|
-
const isSelected =
|
|
6253
|
+
const isSelected = createMemo(() => {
|
|
6449
6254
|
if (state2 === null) return true;
|
|
6450
6255
|
if (props.id === void 0) return false;
|
|
6451
6256
|
return state2.selectedKey() === props.id;
|
|
@@ -6579,9 +6384,6 @@ function createBreadcrumbItem(props = {}) {
|
|
|
6579
6384
|
isPressed
|
|
6580
6385
|
};
|
|
6581
6386
|
}
|
|
6582
|
-
|
|
6583
|
-
// src/numberfield/createNumberField.ts
|
|
6584
|
-
import { createMemo as createMemo11 } from "solid-js";
|
|
6585
6387
|
function createNumberField(props, state2, inputRef) {
|
|
6586
6388
|
const getProps = () => access(props);
|
|
6587
6389
|
const id = createId(getProps().id);
|
|
@@ -6611,7 +6413,7 @@ function createNumberField(props, state2, inputRef) {
|
|
|
6611
6413
|
if (typeof p.label === "string") return p.label;
|
|
6612
6414
|
return "value";
|
|
6613
6415
|
};
|
|
6614
|
-
const domProps =
|
|
6416
|
+
const domProps = createMemo(
|
|
6615
6417
|
() => filterDOMProps(getProps(), { labelable: true })
|
|
6616
6418
|
);
|
|
6617
6419
|
const onInputChange = (e) => {
|
|
@@ -6895,9 +6697,6 @@ function createSearchField(props, state2, inputRef) {
|
|
|
6895
6697
|
}
|
|
6896
6698
|
};
|
|
6897
6699
|
}
|
|
6898
|
-
|
|
6899
|
-
// src/slider/createSlider.ts
|
|
6900
|
-
import { onCleanup as onCleanup24, onMount as onMount5 } from "solid-js";
|
|
6901
6700
|
function createSlider(props, state2, trackRef) {
|
|
6902
6701
|
const getProps = () => access(props);
|
|
6903
6702
|
const id = createId(getProps().id);
|
|
@@ -7030,12 +6829,12 @@ function createSlider(props, state2, trackRef) {
|
|
|
7030
6829
|
currentPointerId = null;
|
|
7031
6830
|
state2.setDragging(false);
|
|
7032
6831
|
};
|
|
7033
|
-
|
|
6832
|
+
onMount(() => {
|
|
7034
6833
|
if (typeof document === "undefined") return;
|
|
7035
6834
|
document.addEventListener("pointermove", onDocumentPointerMove);
|
|
7036
6835
|
document.addEventListener("pointerup", onDocumentPointerUp);
|
|
7037
6836
|
document.addEventListener("pointercancel", onDocumentPointerUp);
|
|
7038
|
-
|
|
6837
|
+
onCleanup(() => {
|
|
7039
6838
|
document.removeEventListener("pointermove", onDocumentPointerMove);
|
|
7040
6839
|
document.removeEventListener("pointerup", onDocumentPointerUp);
|
|
7041
6840
|
document.removeEventListener("pointercancel", onDocumentPointerUp);
|
|
@@ -7154,9 +6953,6 @@ function createTooltip(props = {}, state2) {
|
|
|
7154
6953
|
)
|
|
7155
6954
|
};
|
|
7156
6955
|
}
|
|
7157
|
-
|
|
7158
|
-
// src/tooltip/createTooltipTrigger.ts
|
|
7159
|
-
import { createEffect as createEffect22, onCleanup as onCleanup25 } from "solid-js";
|
|
7160
6956
|
var currentModality2 = null;
|
|
7161
6957
|
if (typeof document !== "undefined") {
|
|
7162
6958
|
document.addEventListener("keydown", () => {
|
|
@@ -7191,7 +6987,7 @@ function createTooltipTrigger(props, state2, ref) {
|
|
|
7191
6987
|
state2.close(immediate);
|
|
7192
6988
|
}
|
|
7193
6989
|
};
|
|
7194
|
-
|
|
6990
|
+
createEffect(() => {
|
|
7195
6991
|
if (!state2.isOpen()) return;
|
|
7196
6992
|
const onKeyDown = (e) => {
|
|
7197
6993
|
const element = ref();
|
|
@@ -7203,7 +6999,7 @@ function createTooltipTrigger(props, state2, ref) {
|
|
|
7203
6999
|
}
|
|
7204
7000
|
};
|
|
7205
7001
|
document.addEventListener("keydown", onKeyDown, true);
|
|
7206
|
-
|
|
7002
|
+
onCleanup(() => {
|
|
7207
7003
|
document.removeEventListener("keydown", onKeyDown, true);
|
|
7208
7004
|
});
|
|
7209
7005
|
});
|
|
@@ -7270,14 +7066,6 @@ function createTooltipTrigger(props, state2, ref) {
|
|
|
7270
7066
|
}
|
|
7271
7067
|
};
|
|
7272
7068
|
}
|
|
7273
|
-
|
|
7274
|
-
// src/combobox/createComboBox.ts
|
|
7275
|
-
import { createEffect as createEffect24, onCleanup as onCleanup27 } from "solid-js";
|
|
7276
|
-
import { isServer as isServer6 } from "solid-js/web";
|
|
7277
|
-
|
|
7278
|
-
// src/live-announcer/announce.ts
|
|
7279
|
-
import { createEffect as createEffect23 } from "solid-js";
|
|
7280
|
-
import { isServer as isServer5 } from "solid-js/web";
|
|
7281
7069
|
var LIVEREGION_TIMEOUT_DELAY = 7e3;
|
|
7282
7070
|
var LiveAnnouncer = class {
|
|
7283
7071
|
node = null;
|
|
@@ -7387,7 +7175,7 @@ function destroyAnnouncer() {
|
|
|
7387
7175
|
}
|
|
7388
7176
|
}
|
|
7389
7177
|
function useAnnouncer() {
|
|
7390
|
-
if (
|
|
7178
|
+
if (isServer) {
|
|
7391
7179
|
return {
|
|
7392
7180
|
announce: () => {
|
|
7393
7181
|
},
|
|
@@ -7395,7 +7183,7 @@ function useAnnouncer() {
|
|
|
7395
7183
|
}
|
|
7396
7184
|
};
|
|
7397
7185
|
}
|
|
7398
|
-
|
|
7186
|
+
createEffect(() => {
|
|
7399
7187
|
if (!liveAnnouncer) {
|
|
7400
7188
|
liveAnnouncer = new LiveAnnouncer();
|
|
7401
7189
|
}
|
|
@@ -7450,12 +7238,7 @@ function createComboBox(props, state2, inputRef, buttonRef, listBoxRef) {
|
|
|
7450
7238
|
const getProps = () => access(props);
|
|
7451
7239
|
const id = createId(getProps().id);
|
|
7452
7240
|
if (isDevEnv()) {
|
|
7453
|
-
|
|
7454
|
-
if (!p.label && !p["aria-label"] && !p["aria-labelledby"]) {
|
|
7455
|
-
console.warn(
|
|
7456
|
-
"[solidaria] A ComboBox requires a label, aria-label, or aria-labelledby attribute for accessibility."
|
|
7457
|
-
);
|
|
7458
|
-
}
|
|
7241
|
+
getProps();
|
|
7459
7242
|
}
|
|
7460
7243
|
let isPointerDownInsideListBox = false;
|
|
7461
7244
|
const inputId = `${id}-input`;
|
|
@@ -7463,7 +7246,7 @@ function createComboBox(props, state2, inputRef, buttonRef, listBoxRef) {
|
|
|
7463
7246
|
const listBoxId = `${id}-listbox`;
|
|
7464
7247
|
const descriptionId2 = `${id}-description`;
|
|
7465
7248
|
const errorMessageId = `${id}-error`;
|
|
7466
|
-
|
|
7249
|
+
createEffect(() => {
|
|
7467
7250
|
if (typeof document === "undefined") return;
|
|
7468
7251
|
const handleGlobalPointerDown = (e) => {
|
|
7469
7252
|
const target = e.target;
|
|
@@ -7472,14 +7255,14 @@ function createComboBox(props, state2, inputRef, buttonRef, listBoxRef) {
|
|
|
7472
7255
|
}
|
|
7473
7256
|
};
|
|
7474
7257
|
document.addEventListener("pointerdown", handleGlobalPointerDown, true);
|
|
7475
|
-
|
|
7258
|
+
onCleanup(() => {
|
|
7476
7259
|
document.removeEventListener("pointerdown", handleGlobalPointerDown, true);
|
|
7477
7260
|
});
|
|
7478
7261
|
});
|
|
7479
7262
|
const domProps = () => filterDOMProps(getProps(), { labelable: true });
|
|
7480
|
-
|
|
7263
|
+
createEffect(() => {
|
|
7481
7264
|
comboBoxData.set(state2, { id });
|
|
7482
|
-
|
|
7265
|
+
onCleanup(() => {
|
|
7483
7266
|
comboBoxData.delete(state2);
|
|
7484
7267
|
});
|
|
7485
7268
|
});
|
|
@@ -7504,13 +7287,13 @@ function createComboBox(props, state2, inputRef, buttonRef, listBoxRef) {
|
|
|
7504
7287
|
}
|
|
7505
7288
|
});
|
|
7506
7289
|
const isFocused = state2.isFocused;
|
|
7507
|
-
const stringFormatter = !
|
|
7290
|
+
const stringFormatter = !isServer ? createStringFormatter(comboBoxIntlStrings) : null;
|
|
7508
7291
|
let lastFocusedKey = null;
|
|
7509
7292
|
let lastSelectedKey = null;
|
|
7510
7293
|
let lastOptionCount = 0;
|
|
7511
7294
|
let lastIsOpen = false;
|
|
7512
|
-
|
|
7513
|
-
if (
|
|
7295
|
+
createEffect(() => {
|
|
7296
|
+
if (isServer || !stringFormatter) return;
|
|
7514
7297
|
const focusedKey = state2.focusedKey();
|
|
7515
7298
|
const isOpen = state2.isOpen();
|
|
7516
7299
|
const collection = state2.collection();
|
|
@@ -7529,8 +7312,8 @@ function createComboBox(props, state2, inputRef, buttonRef, listBoxRef) {
|
|
|
7529
7312
|
}
|
|
7530
7313
|
lastFocusedKey = focusedKey;
|
|
7531
7314
|
});
|
|
7532
|
-
|
|
7533
|
-
if (
|
|
7315
|
+
createEffect(() => {
|
|
7316
|
+
if (isServer || !stringFormatter) return;
|
|
7534
7317
|
const isOpen = state2.isOpen();
|
|
7535
7318
|
const collection = state2.collection();
|
|
7536
7319
|
const optionCount = getItemCount(collection);
|
|
@@ -7543,8 +7326,8 @@ function createComboBox(props, state2, inputRef, buttonRef, listBoxRef) {
|
|
|
7543
7326
|
lastOptionCount = optionCount;
|
|
7544
7327
|
lastIsOpen = isOpen;
|
|
7545
7328
|
});
|
|
7546
|
-
|
|
7547
|
-
if (
|
|
7329
|
+
createEffect(() => {
|
|
7330
|
+
if (isServer || !stringFormatter) return;
|
|
7548
7331
|
const selectedKey = state2.selectedKey();
|
|
7549
7332
|
const selectedItem = state2.selectedItem();
|
|
7550
7333
|
if (isAppleDevice() && state2.isFocused() && selectedItem && selectedKey !== lastSelectedKey) {
|
|
@@ -7554,14 +7337,14 @@ function createComboBox(props, state2, inputRef, buttonRef, listBoxRef) {
|
|
|
7554
7337
|
}
|
|
7555
7338
|
lastSelectedKey = selectedKey;
|
|
7556
7339
|
});
|
|
7557
|
-
|
|
7558
|
-
if (
|
|
7340
|
+
createEffect(() => {
|
|
7341
|
+
if (isServer) return;
|
|
7559
7342
|
const isOpen = state2.isOpen();
|
|
7560
7343
|
const inputEl = inputRef();
|
|
7561
7344
|
const listBoxEl = listBoxRef?.();
|
|
7562
7345
|
if (isOpen && inputEl && listBoxEl) {
|
|
7563
7346
|
const cleanup = ariaHideOutside([inputEl, listBoxEl]);
|
|
7564
|
-
|
|
7347
|
+
onCleanup(cleanup);
|
|
7565
7348
|
}
|
|
7566
7349
|
});
|
|
7567
7350
|
const { pressProps } = createPress({
|
|
@@ -7846,20 +7629,17 @@ function createComboBox(props, state2, inputRef, buttonRef, listBoxRef) {
|
|
|
7846
7629
|
selectedItem: state2.selectedItem
|
|
7847
7630
|
};
|
|
7848
7631
|
}
|
|
7849
|
-
|
|
7850
|
-
// src/dialog/createDialog.ts
|
|
7851
|
-
import { createEffect as createEffect25, createMemo as createMemo12, createSignal as createSignal13, createUniqueId as createUniqueId2, onCleanup as onCleanup28 } from "solid-js";
|
|
7852
7632
|
function createDialog(props, ref) {
|
|
7853
7633
|
const getProps = typeof props === "function" ? props : () => props;
|
|
7854
7634
|
const role = () => getProps().role ?? "dialog";
|
|
7855
|
-
const generatedTitleId =
|
|
7856
|
-
const [isRefocusing, setIsRefocusing] =
|
|
7857
|
-
const titleId =
|
|
7635
|
+
const generatedTitleId = createUniqueId();
|
|
7636
|
+
const [isRefocusing, setIsRefocusing] = createSignal(false);
|
|
7637
|
+
const titleId = createMemo(() => {
|
|
7858
7638
|
const p = getProps();
|
|
7859
7639
|
if (p["aria-labelledby"]) return void 0;
|
|
7860
7640
|
return p["aria-label"] ? void 0 : generatedTitleId;
|
|
7861
7641
|
});
|
|
7862
|
-
|
|
7642
|
+
createEffect(() => {
|
|
7863
7643
|
if (typeof document === "undefined") return;
|
|
7864
7644
|
const dialogEl = ref();
|
|
7865
7645
|
if (dialogEl && !dialogEl.contains(document.activeElement)) {
|
|
@@ -7872,12 +7652,12 @@ function createDialog(props, ref) {
|
|
|
7872
7652
|
setIsRefocusing(false);
|
|
7873
7653
|
}
|
|
7874
7654
|
}, 500);
|
|
7875
|
-
|
|
7655
|
+
onCleanup(() => {
|
|
7876
7656
|
clearTimeout(timeout);
|
|
7877
7657
|
});
|
|
7878
7658
|
}
|
|
7879
7659
|
});
|
|
7880
|
-
const dialogProps =
|
|
7660
|
+
const dialogProps = createMemo(() => {
|
|
7881
7661
|
const p = getProps();
|
|
7882
7662
|
return {
|
|
7883
7663
|
...filterDOMProps(p),
|
|
@@ -7896,7 +7676,7 @@ function createDialog(props, ref) {
|
|
|
7896
7676
|
}
|
|
7897
7677
|
};
|
|
7898
7678
|
});
|
|
7899
|
-
const titlePropsValue =
|
|
7679
|
+
const titlePropsValue = createMemo(() => ({
|
|
7900
7680
|
id: titleId()
|
|
7901
7681
|
}));
|
|
7902
7682
|
return {
|
|
@@ -7904,16 +7684,13 @@ function createDialog(props, ref) {
|
|
|
7904
7684
|
titleProps: titlePropsValue
|
|
7905
7685
|
};
|
|
7906
7686
|
}
|
|
7907
|
-
|
|
7908
|
-
// src/toast/createToast.ts
|
|
7909
|
-
import { createMemo as createMemo13 } from "solid-js";
|
|
7910
7687
|
function createToast(props) {
|
|
7911
7688
|
const titleId = createId();
|
|
7912
7689
|
const descriptionId2 = createId();
|
|
7913
7690
|
const close = () => {
|
|
7914
7691
|
props.state.close(props.toast.key);
|
|
7915
7692
|
};
|
|
7916
|
-
const toastProps =
|
|
7693
|
+
const toastProps = createMemo(() => ({
|
|
7917
7694
|
role: "alertdialog",
|
|
7918
7695
|
"aria-modal": "false",
|
|
7919
7696
|
"aria-labelledby": titleId,
|
|
@@ -7921,18 +7698,18 @@ function createToast(props) {
|
|
|
7921
7698
|
"data-animation": props.toast.animation,
|
|
7922
7699
|
"data-key": props.toast.key
|
|
7923
7700
|
}));
|
|
7924
|
-
const contentProps =
|
|
7701
|
+
const contentProps = createMemo(() => ({
|
|
7925
7702
|
role: "alert",
|
|
7926
7703
|
"aria-atomic": "true",
|
|
7927
7704
|
"aria-live": "assertive"
|
|
7928
7705
|
}));
|
|
7929
|
-
const titleProps =
|
|
7706
|
+
const titleProps = createMemo(() => ({
|
|
7930
7707
|
id: titleId
|
|
7931
7708
|
}));
|
|
7932
|
-
const descriptionProps =
|
|
7709
|
+
const descriptionProps = createMemo(() => ({
|
|
7933
7710
|
id: descriptionId2
|
|
7934
7711
|
}));
|
|
7935
|
-
const closeButtonProps =
|
|
7712
|
+
const closeButtonProps = createMemo(() => ({
|
|
7936
7713
|
"aria-label": "Close",
|
|
7937
7714
|
onClick: close
|
|
7938
7715
|
}));
|
|
@@ -7954,9 +7731,6 @@ function createToast(props) {
|
|
|
7954
7731
|
}
|
|
7955
7732
|
};
|
|
7956
7733
|
}
|
|
7957
|
-
|
|
7958
|
-
// src/toast/createToastRegion.ts
|
|
7959
|
-
import { createMemo as createMemo14 } from "solid-js";
|
|
7960
7734
|
function createToastRegion(props) {
|
|
7961
7735
|
const { hoverProps } = createHover({
|
|
7962
7736
|
onHoverStart: () => {
|
|
@@ -7976,7 +7750,7 @@ function createToastRegion(props) {
|
|
|
7976
7750
|
props.state.resumeAll();
|
|
7977
7751
|
}
|
|
7978
7752
|
};
|
|
7979
|
-
const regionProps =
|
|
7753
|
+
const regionProps = createMemo(() => ({
|
|
7980
7754
|
...hoverProps,
|
|
7981
7755
|
role: "region",
|
|
7982
7756
|
"aria-label": props["aria-label"] ?? "Notifications",
|
|
@@ -7991,12 +7765,6 @@ function createToastRegion(props) {
|
|
|
7991
7765
|
};
|
|
7992
7766
|
}
|
|
7993
7767
|
|
|
7994
|
-
// src/popover/createPopover.ts
|
|
7995
|
-
import { createEffect as createEffect27, onCleanup as onCleanup30 } from "solid-js";
|
|
7996
|
-
|
|
7997
|
-
// src/popover/createOverlayPosition.ts
|
|
7998
|
-
import { createEffect as createEffect26, createSignal as createSignal14, onCleanup as onCleanup29 } from "solid-js";
|
|
7999
|
-
|
|
8000
7768
|
// src/popover/calculatePosition.ts
|
|
8001
7769
|
var AXIS = {
|
|
8002
7770
|
top: "top",
|
|
@@ -8449,13 +8217,9 @@ function calculatePosition(opts) {
|
|
|
8449
8217
|
// src/popover/createOverlayPosition.ts
|
|
8450
8218
|
var visualViewport2 = typeof document !== "undefined" ? window.visualViewport : null;
|
|
8451
8219
|
function translateRTL(position, direction) {
|
|
8452
|
-
if (direction === "rtl") {
|
|
8453
|
-
return position.replace("start", "right").replace("end", "left");
|
|
8454
|
-
}
|
|
8455
8220
|
return position.replace("start", "left").replace("end", "right");
|
|
8456
8221
|
}
|
|
8457
8222
|
function createOverlayPosition(props) {
|
|
8458
|
-
const direction = "ltr";
|
|
8459
8223
|
const arrowSize = () => props.arrowSize ?? 0;
|
|
8460
8224
|
const targetRef = () => props.targetRef();
|
|
8461
8225
|
const overlayRef = () => props.overlayRef();
|
|
@@ -8472,9 +8236,9 @@ function createOverlayPosition(props) {
|
|
|
8472
8236
|
const onClose = () => props.onClose;
|
|
8473
8237
|
const maxHeight = () => props.maxHeight;
|
|
8474
8238
|
const arrowBoundaryOffset = () => props.arrowBoundaryOffset ?? 0;
|
|
8475
|
-
const [position, setPosition] =
|
|
8239
|
+
const [position, setPosition] = createSignal(null);
|
|
8476
8240
|
let lastScale = visualViewport2?.scale;
|
|
8477
|
-
|
|
8241
|
+
createEffect(() => {
|
|
8478
8242
|
if (isOpen()) {
|
|
8479
8243
|
lastScale = visualViewport2?.scale;
|
|
8480
8244
|
}
|
|
@@ -8498,7 +8262,7 @@ function createOverlayPosition(props) {
|
|
|
8498
8262
|
overlay.style.maxHeight = (window.visualViewport?.height ?? window.innerHeight) + "px";
|
|
8499
8263
|
}
|
|
8500
8264
|
const result = calculatePosition({
|
|
8501
|
-
placement: translateRTL(placement()
|
|
8265
|
+
placement: translateRTL(placement()),
|
|
8502
8266
|
overlayNode,
|
|
8503
8267
|
targetNode,
|
|
8504
8268
|
scrollNode: scrollNode || overlayNode,
|
|
@@ -8524,51 +8288,40 @@ function createOverlayPosition(props) {
|
|
|
8524
8288
|
overlay.style.maxHeight = result.maxHeight != null ? result.maxHeight + "px" : "";
|
|
8525
8289
|
setPosition(result);
|
|
8526
8290
|
};
|
|
8527
|
-
|
|
8528
|
-
shouldUpdatePosition();
|
|
8529
|
-
placement();
|
|
8291
|
+
createEffect(() => {
|
|
8530
8292
|
overlayRef();
|
|
8531
8293
|
targetRef();
|
|
8532
8294
|
arrowRef();
|
|
8533
8295
|
scrollRef();
|
|
8534
|
-
containerPadding();
|
|
8535
|
-
shouldFlip();
|
|
8536
|
-
boundaryElement();
|
|
8537
|
-
offset();
|
|
8538
|
-
crossOffset();
|
|
8539
|
-
isOpen();
|
|
8540
|
-
maxHeight();
|
|
8541
|
-
arrowBoundaryOffset();
|
|
8542
|
-
arrowSize();
|
|
8543
8296
|
updatePosition();
|
|
8544
8297
|
});
|
|
8545
|
-
|
|
8298
|
+
createEffect(() => {
|
|
8546
8299
|
if (!isOpen()) return;
|
|
8547
8300
|
const handleResize = () => updatePosition();
|
|
8548
8301
|
window.addEventListener("resize", handleResize, false);
|
|
8549
|
-
|
|
8302
|
+
onCleanup(() => {
|
|
8550
8303
|
window.removeEventListener("resize", handleResize, false);
|
|
8551
8304
|
});
|
|
8552
8305
|
});
|
|
8553
|
-
|
|
8306
|
+
createEffect(() => {
|
|
8554
8307
|
const overlayNode = overlayRef();
|
|
8555
8308
|
if (!overlayNode || !isOpen()) return;
|
|
8556
8309
|
const resizeObserver = new ResizeObserver(() => updatePosition());
|
|
8557
8310
|
resizeObserver.observe(overlayNode);
|
|
8558
|
-
|
|
8311
|
+
onCleanup(() => {
|
|
8559
8312
|
resizeObserver.disconnect();
|
|
8560
8313
|
});
|
|
8561
8314
|
});
|
|
8562
|
-
|
|
8315
|
+
createEffect(() => {
|
|
8563
8316
|
const targetNode = targetRef();
|
|
8564
8317
|
if (!targetNode || !isOpen()) return;
|
|
8565
8318
|
const resizeObserver = new ResizeObserver(() => updatePosition());
|
|
8566
8319
|
resizeObserver.observe(targetNode);
|
|
8567
|
-
|
|
8320
|
+
onCleanup(() => {
|
|
8568
8321
|
resizeObserver.disconnect();
|
|
8569
8322
|
});
|
|
8570
8323
|
});
|
|
8571
|
-
|
|
8324
|
+
createEffect(() => {
|
|
8572
8325
|
if (!isOpen()) return;
|
|
8573
8326
|
let timeout;
|
|
8574
8327
|
let isResizing = false;
|
|
@@ -8587,13 +8340,13 @@ function createOverlayPosition(props) {
|
|
|
8587
8340
|
};
|
|
8588
8341
|
visualViewport2?.addEventListener("resize", onResize);
|
|
8589
8342
|
visualViewport2?.addEventListener("scroll", onScroll);
|
|
8590
|
-
|
|
8343
|
+
onCleanup(() => {
|
|
8591
8344
|
visualViewport2?.removeEventListener("resize", onResize);
|
|
8592
8345
|
visualViewport2?.removeEventListener("scroll", onScroll);
|
|
8593
8346
|
clearTimeout(timeout);
|
|
8594
8347
|
});
|
|
8595
8348
|
});
|
|
8596
|
-
|
|
8349
|
+
createEffect(() => {
|
|
8597
8350
|
const targetNode = targetRef();
|
|
8598
8351
|
const closeHandler = onClose();
|
|
8599
8352
|
if (!targetNode || !isOpen() || !closeHandler) return;
|
|
@@ -8605,7 +8358,7 @@ function createOverlayPosition(props) {
|
|
|
8605
8358
|
}
|
|
8606
8359
|
};
|
|
8607
8360
|
document.addEventListener("scroll", handleScroll, true);
|
|
8608
|
-
|
|
8361
|
+
onCleanup(() => {
|
|
8609
8362
|
document.removeEventListener("scroll", handleScroll, true);
|
|
8610
8363
|
});
|
|
8611
8364
|
});
|
|
@@ -8668,7 +8421,7 @@ function createPopover(props, state2) {
|
|
|
8668
8421
|
createPreventScroll({
|
|
8669
8422
|
isDisabled: isNonModal() || !state2.isOpen()
|
|
8670
8423
|
});
|
|
8671
|
-
|
|
8424
|
+
createEffect(() => {
|
|
8672
8425
|
if (state2.isOpen() && popoverRef()) {
|
|
8673
8426
|
const element = groupRef() ?? popoverRef();
|
|
8674
8427
|
if (!element) return;
|
|
@@ -8678,7 +8431,7 @@ function createPopover(props, state2) {
|
|
|
8678
8431
|
} else {
|
|
8679
8432
|
cleanup = ariaHideOutside([element], { shouldUseInert: true });
|
|
8680
8433
|
}
|
|
8681
|
-
|
|
8434
|
+
onCleanup(() => {
|
|
8682
8435
|
cleanup?.();
|
|
8683
8436
|
});
|
|
8684
8437
|
}
|
|
@@ -8691,20 +8444,11 @@ function createPopover(props, state2) {
|
|
|
8691
8444
|
triggerAnchorPoint
|
|
8692
8445
|
};
|
|
8693
8446
|
}
|
|
8694
|
-
|
|
8695
|
-
|
|
8696
|
-
|
|
8697
|
-
import { createComponent as _$createComponent5 } from "solid-js/web";
|
|
8698
|
-
import { getNextElement as _$getNextElement3 } from "solid-js/web";
|
|
8699
|
-
import { use as _$use } from "solid-js/web";
|
|
8700
|
-
import { memo as _$memo } from "solid-js/web";
|
|
8701
|
-
import { createContext as createContext5, useContext as useContext5, createEffect as createEffect28, onCleanup as onCleanup31, createSignal as createSignal15, onMount as onMount6 } from "solid-js";
|
|
8702
|
-
import { isServer as isServer7 } from "solid-js/web";
|
|
8703
|
-
var _tmpl$3 = /* @__PURE__ */ _$template3(`<span data-focus-scope-start hidden>`);
|
|
8704
|
-
var _tmpl$23 = /* @__PURE__ */ _$template3(`<span data-focus-scope-end hidden>`);
|
|
8705
|
-
var FocusScopeContext = createContext5(null);
|
|
8447
|
+
var _tmpl$3 = /* @__PURE__ */ template(`<span data-focus-scope-start hidden>`);
|
|
8448
|
+
var _tmpl$23 = /* @__PURE__ */ template(`<span data-focus-scope-end hidden>`);
|
|
8449
|
+
var FocusScopeContext = createContext(null);
|
|
8706
8450
|
function useFocusManager() {
|
|
8707
|
-
return
|
|
8451
|
+
return useContext(FocusScopeContext)?.focusManager;
|
|
8708
8452
|
}
|
|
8709
8453
|
function isTabbable2(element) {
|
|
8710
8454
|
if (!isFocusable(element)) {
|
|
@@ -8745,12 +8489,12 @@ function getActiveElement4(doc) {
|
|
|
8745
8489
|
return activeElement;
|
|
8746
8490
|
}
|
|
8747
8491
|
var FocusScope = (props) => {
|
|
8748
|
-
if (
|
|
8749
|
-
return
|
|
8492
|
+
if (isServer) {
|
|
8493
|
+
return memo(() => props.children);
|
|
8750
8494
|
}
|
|
8751
8495
|
let startRef;
|
|
8752
8496
|
let endRef;
|
|
8753
|
-
const [scopeElements, setScopeElements] =
|
|
8497
|
+
const [scopeElements, setScopeElements] = createSignal([]);
|
|
8754
8498
|
let nodeToRestore = null;
|
|
8755
8499
|
const focusManager = {
|
|
8756
8500
|
focusNext(opts = {}) {
|
|
@@ -8841,7 +8585,7 @@ var FocusScope = (props) => {
|
|
|
8841
8585
|
return null;
|
|
8842
8586
|
}
|
|
8843
8587
|
};
|
|
8844
|
-
|
|
8588
|
+
onMount(() => {
|
|
8845
8589
|
if (!startRef || !endRef) return;
|
|
8846
8590
|
const nodes = [];
|
|
8847
8591
|
let node = startRef.nextSibling;
|
|
@@ -8853,7 +8597,7 @@ var FocusScope = (props) => {
|
|
|
8853
8597
|
}
|
|
8854
8598
|
setScopeElements(nodes);
|
|
8855
8599
|
});
|
|
8856
|
-
|
|
8600
|
+
onMount(() => {
|
|
8857
8601
|
if (!props.restoreFocus) return;
|
|
8858
8602
|
const scopeDoc = startRef ? getOwnerDocument(startRef) : document;
|
|
8859
8603
|
const scopeActive = getActiveElement4(scopeDoc);
|
|
@@ -8864,7 +8608,7 @@ var FocusScope = (props) => {
|
|
|
8864
8608
|
}
|
|
8865
8609
|
nodeToRestore = topActive;
|
|
8866
8610
|
});
|
|
8867
|
-
|
|
8611
|
+
createEffect(() => {
|
|
8868
8612
|
if (!props.autoFocus) return;
|
|
8869
8613
|
const scope = scopeElements();
|
|
8870
8614
|
if (scope.length === 0) return;
|
|
@@ -8874,7 +8618,7 @@ var FocusScope = (props) => {
|
|
|
8874
8618
|
focusManager.focusFirst();
|
|
8875
8619
|
}
|
|
8876
8620
|
});
|
|
8877
|
-
|
|
8621
|
+
createEffect(() => {
|
|
8878
8622
|
if (!props.contain) return;
|
|
8879
8623
|
const scope = scopeElements();
|
|
8880
8624
|
if (scope.length === 0) return;
|
|
@@ -8914,47 +8658,42 @@ var FocusScope = (props) => {
|
|
|
8914
8658
|
};
|
|
8915
8659
|
doc.addEventListener("keydown", onKeyDown, true);
|
|
8916
8660
|
doc.addEventListener("focusin", onFocusIn, true);
|
|
8917
|
-
|
|
8661
|
+
onCleanup(() => {
|
|
8918
8662
|
doc.removeEventListener("keydown", onKeyDown, true);
|
|
8919
8663
|
doc.removeEventListener("focusin", onFocusIn, true);
|
|
8920
8664
|
});
|
|
8921
8665
|
});
|
|
8922
|
-
|
|
8666
|
+
onCleanup(() => {
|
|
8923
8667
|
if (props.restoreFocus && nodeToRestore && nodeToRestore.focus) {
|
|
8924
8668
|
const doc = getOwnerDocument(nodeToRestore);
|
|
8925
8669
|
const win = doc.defaultView ?? window;
|
|
8926
8670
|
win.requestAnimationFrame(() => {
|
|
8927
8671
|
if (nodeToRestore && doc.body.contains(nodeToRestore)) {
|
|
8928
|
-
;
|
|
8929
8672
|
nodeToRestore.focus();
|
|
8930
8673
|
}
|
|
8931
8674
|
});
|
|
8932
8675
|
}
|
|
8933
8676
|
});
|
|
8934
|
-
return
|
|
8677
|
+
return createComponent(FocusScopeContext.Provider, {
|
|
8935
8678
|
value: {
|
|
8936
8679
|
focusManager,
|
|
8937
8680
|
scopeRef: scopeElements
|
|
8938
8681
|
},
|
|
8939
8682
|
get children() {
|
|
8940
8683
|
return [(() => {
|
|
8941
|
-
var _el$ =
|
|
8684
|
+
var _el$ = _tmpl$3();
|
|
8942
8685
|
var _ref$ = startRef;
|
|
8943
|
-
typeof _ref$ === "function" ?
|
|
8686
|
+
typeof _ref$ === "function" ? use(_ref$, _el$) : startRef = _el$;
|
|
8944
8687
|
return _el$;
|
|
8945
|
-
})(),
|
|
8946
|
-
var _el$2 =
|
|
8688
|
+
})(), memo(() => props.children), (() => {
|
|
8689
|
+
var _el$2 = _tmpl$23();
|
|
8947
8690
|
var _ref$2 = endRef;
|
|
8948
|
-
typeof _ref$2 === "function" ?
|
|
8691
|
+
typeof _ref$2 === "function" ? use(_ref$2, _el$2) : endRef = _el$2;
|
|
8949
8692
|
return _el$2;
|
|
8950
8693
|
})()];
|
|
8951
8694
|
}
|
|
8952
8695
|
});
|
|
8953
8696
|
};
|
|
8954
|
-
|
|
8955
|
-
// src/focus/createFocusRestore.ts
|
|
8956
|
-
import { onCleanup as onCleanup32, onMount as onMount7 } from "solid-js";
|
|
8957
|
-
import { isServer as isServer8 } from "solid-js/web";
|
|
8958
8697
|
var focusStack = [];
|
|
8959
8698
|
function pushFocusStack(element) {
|
|
8960
8699
|
focusStack.push(element);
|
|
@@ -9018,7 +8757,7 @@ function createFocusRestore(options = {}) {
|
|
|
9018
8757
|
onRestoreFailed,
|
|
9019
8758
|
preventScroll = true
|
|
9020
8759
|
} = options;
|
|
9021
|
-
if (
|
|
8760
|
+
if (isServer) {
|
|
9022
8761
|
return {
|
|
9023
8762
|
restore: () => false,
|
|
9024
8763
|
getSavedElement: () => null,
|
|
@@ -9029,10 +8768,10 @@ function createFocusRestore(options = {}) {
|
|
|
9029
8768
|
};
|
|
9030
8769
|
}
|
|
9031
8770
|
let savedElement = null;
|
|
9032
|
-
|
|
8771
|
+
onMount(() => {
|
|
9033
8772
|
saveCurrentFocus();
|
|
9034
8773
|
});
|
|
9035
|
-
|
|
8774
|
+
onCleanup(() => {
|
|
9036
8775
|
if (restoreOnUnmount && savedElement) {
|
|
9037
8776
|
tryRestoreFocus(savedElement, {
|
|
9038
8777
|
maxRetries,
|
|
@@ -9093,10 +8832,6 @@ function createFocusRestore(options = {}) {
|
|
|
9093
8832
|
clear
|
|
9094
8833
|
};
|
|
9095
8834
|
}
|
|
9096
|
-
|
|
9097
|
-
// src/focus/createVirtualFocus.ts
|
|
9098
|
-
import { createSignal as createSignal16 } from "solid-js";
|
|
9099
|
-
import { isServer as isServer9 } from "solid-js/web";
|
|
9100
8835
|
var DEFAULT_PAGE_SIZE2 = 10;
|
|
9101
8836
|
function createVirtualFocus(options) {
|
|
9102
8837
|
const {
|
|
@@ -9110,7 +8845,7 @@ function createVirtualFocus(options) {
|
|
|
9110
8845
|
skipDisabled = true,
|
|
9111
8846
|
orientation = "vertical"
|
|
9112
8847
|
} = options;
|
|
9113
|
-
if (
|
|
8848
|
+
if (isServer) {
|
|
9114
8849
|
const emptyAccessor = () => null;
|
|
9115
8850
|
return {
|
|
9116
8851
|
focusedKey: emptyAccessor,
|
|
@@ -9138,7 +8873,7 @@ function createVirtualFocus(options) {
|
|
|
9138
8873
|
getItemProps: (key) => ({ id: `item-${key}` })
|
|
9139
8874
|
};
|
|
9140
8875
|
}
|
|
9141
|
-
const [internalKey, setInternalKey] =
|
|
8876
|
+
const [internalKey, setInternalKey] = createSignal(
|
|
9142
8877
|
defaultFocusedKey ?? null
|
|
9143
8878
|
);
|
|
9144
8879
|
const focusedKey = controlledFocusedKey ?? internalKey;
|
|
@@ -9282,10 +9017,6 @@ function createVirtualFocus(options) {
|
|
|
9282
9017
|
getItemProps
|
|
9283
9018
|
};
|
|
9284
9019
|
}
|
|
9285
|
-
|
|
9286
|
-
// src/focus/createAutoFocus.ts
|
|
9287
|
-
import { onCleanup as onCleanup34, onMount as onMount8 } from "solid-js";
|
|
9288
|
-
import { isServer as isServer10 } from "solid-js/web";
|
|
9289
9020
|
var autoFocusQueue = [];
|
|
9290
9021
|
var processingTimeout = null;
|
|
9291
9022
|
function processAutoFocusQueue() {
|
|
@@ -9352,7 +9083,7 @@ function createAutoFocus(ref, options = {}) {
|
|
|
9352
9083
|
onFocus,
|
|
9353
9084
|
onSkip
|
|
9354
9085
|
} = options;
|
|
9355
|
-
if (
|
|
9086
|
+
if (isServer) {
|
|
9356
9087
|
return {
|
|
9357
9088
|
focus: () => {
|
|
9358
9089
|
},
|
|
@@ -9361,7 +9092,7 @@ function createAutoFocus(ref, options = {}) {
|
|
|
9361
9092
|
};
|
|
9362
9093
|
}
|
|
9363
9094
|
let canceled = false;
|
|
9364
|
-
|
|
9095
|
+
onMount(() => {
|
|
9365
9096
|
if (!isEnabled || canceled) return;
|
|
9366
9097
|
queueAutoFocus({
|
|
9367
9098
|
ref,
|
|
@@ -9373,7 +9104,7 @@ function createAutoFocus(ref, options = {}) {
|
|
|
9373
9104
|
onSkip
|
|
9374
9105
|
});
|
|
9375
9106
|
});
|
|
9376
|
-
|
|
9107
|
+
onCleanup(() => {
|
|
9377
9108
|
removeFromQueue(ref);
|
|
9378
9109
|
});
|
|
9379
9110
|
const focus = () => {
|
|
@@ -9406,14 +9137,11 @@ function clearAutoFocusQueue() {
|
|
|
9406
9137
|
function getAutoFocusQueueLength() {
|
|
9407
9138
|
return autoFocusQueue.length;
|
|
9408
9139
|
}
|
|
9409
|
-
|
|
9410
|
-
// src/disclosure/createDisclosure.ts
|
|
9411
|
-
import { createEffect as createEffect32 } from "solid-js";
|
|
9412
9140
|
function createDisclosure(props, state2, panelRef) {
|
|
9413
9141
|
const getProps = typeof props === "function" ? props : () => props;
|
|
9414
9142
|
const triggerId = createId();
|
|
9415
9143
|
const panelId = createId();
|
|
9416
|
-
|
|
9144
|
+
createEffect(() => {
|
|
9417
9145
|
if (!canUseDOM) return;
|
|
9418
9146
|
const panel = panelRef();
|
|
9419
9147
|
if (!panel) return;
|
|
@@ -9458,11 +9186,8 @@ function createDisclosure(props, state2, panelRef) {
|
|
|
9458
9186
|
}
|
|
9459
9187
|
};
|
|
9460
9188
|
}
|
|
9461
|
-
|
|
9462
|
-
// src/disclosure/createDisclosureGroup.ts
|
|
9463
|
-
import { createMemo as createMemo15 } from "solid-js";
|
|
9464
9189
|
function createDisclosureGroup(props, state2) {
|
|
9465
|
-
const groupProps =
|
|
9190
|
+
const groupProps = createMemo(() => ({
|
|
9466
9191
|
role: "group",
|
|
9467
9192
|
"aria-disabled": props.isDisabled || state2.isDisabled || void 0
|
|
9468
9193
|
}));
|
|
@@ -9493,9 +9218,6 @@ function createMeter(props = {}) {
|
|
|
9493
9218
|
}
|
|
9494
9219
|
};
|
|
9495
9220
|
}
|
|
9496
|
-
|
|
9497
|
-
// src/tag/createTagGroup.ts
|
|
9498
|
-
import { createEffect as createEffect33, onCleanup as onCleanup35 } from "solid-js";
|
|
9499
9221
|
var tagGroupData = /* @__PURE__ */ new WeakMap();
|
|
9500
9222
|
function getTagGroupData(state2) {
|
|
9501
9223
|
return tagGroupData.get(state2);
|
|
@@ -9518,13 +9240,13 @@ function createTagGroup(props, state2, _ref) {
|
|
|
9518
9240
|
},
|
|
9519
9241
|
labelElementType: "span"
|
|
9520
9242
|
});
|
|
9521
|
-
|
|
9243
|
+
createEffect(() => {
|
|
9522
9244
|
const p = getProps();
|
|
9523
9245
|
tagGroupData.set(state2, {
|
|
9524
9246
|
id,
|
|
9525
9247
|
onRemove: p.onRemove
|
|
9526
9248
|
});
|
|
9527
|
-
|
|
9249
|
+
onCleanup(() => {
|
|
9528
9250
|
tagGroupData.delete(state2);
|
|
9529
9251
|
});
|
|
9530
9252
|
});
|
|
@@ -9570,9 +9292,6 @@ function createTagGroup(props, state2, _ref) {
|
|
|
9570
9292
|
}
|
|
9571
9293
|
};
|
|
9572
9294
|
}
|
|
9573
|
-
|
|
9574
|
-
// src/tag/createTag.ts
|
|
9575
|
-
import { createMemo as createMemo16 } from "solid-js";
|
|
9576
9295
|
function createTag(props, state2, ref) {
|
|
9577
9296
|
const getProps = () => access(props);
|
|
9578
9297
|
const rowId = createId();
|
|
@@ -9580,14 +9299,14 @@ function createTag(props, state2, ref) {
|
|
|
9580
9299
|
const removeButtonId = createId();
|
|
9581
9300
|
const getData = () => getTagGroupData(state2);
|
|
9582
9301
|
const key = () => getProps().key;
|
|
9583
|
-
const isDisabled =
|
|
9302
|
+
const isDisabled = createMemo(() => {
|
|
9584
9303
|
const p = getProps();
|
|
9585
9304
|
return p.isDisabled || state2.isDisabled(key());
|
|
9586
9305
|
});
|
|
9587
|
-
const isSelected =
|
|
9306
|
+
const isSelected = createMemo(() => {
|
|
9588
9307
|
return state2.isSelected(key());
|
|
9589
9308
|
});
|
|
9590
|
-
const isFocused =
|
|
9309
|
+
const isFocused = createMemo(() => {
|
|
9591
9310
|
return state2.focusedKey() === key();
|
|
9592
9311
|
});
|
|
9593
9312
|
const { pressProps, isPressed } = createPress({
|
|
@@ -9617,7 +9336,7 @@ function createTag(props, state2, ref) {
|
|
|
9617
9336
|
}
|
|
9618
9337
|
}
|
|
9619
9338
|
};
|
|
9620
|
-
const tabIndex =
|
|
9339
|
+
const tabIndex = createMemo(() => {
|
|
9621
9340
|
if (isDisabled()) return -1;
|
|
9622
9341
|
if (isFocused() || state2.focusedKey() === null) {
|
|
9623
9342
|
return 0;
|
|
@@ -9625,7 +9344,7 @@ function createTag(props, state2, ref) {
|
|
|
9625
9344
|
return -1;
|
|
9626
9345
|
});
|
|
9627
9346
|
const domProps = () => filterDOMProps(getProps());
|
|
9628
|
-
const allowsRemoving =
|
|
9347
|
+
const allowsRemoving = createMemo(() => {
|
|
9629
9348
|
const data = getData();
|
|
9630
9349
|
return !!data?.onRemove;
|
|
9631
9350
|
});
|
|
@@ -9678,15 +9397,12 @@ function createTag(props, state2, ref) {
|
|
|
9678
9397
|
}
|
|
9679
9398
|
};
|
|
9680
9399
|
}
|
|
9681
|
-
|
|
9682
|
-
// src/calendar/createCalendar.ts
|
|
9683
|
-
import { createMemo as createMemo17 } from "solid-js";
|
|
9684
9400
|
function createCalendar(props, state2) {
|
|
9685
9401
|
const getProps = () => access(props);
|
|
9686
9402
|
const id = createId(getProps().id);
|
|
9687
9403
|
const titleId = createId();
|
|
9688
|
-
const title =
|
|
9689
|
-
const prevButtonProps =
|
|
9404
|
+
const title = createMemo(() => state2.title());
|
|
9405
|
+
const prevButtonProps = createMemo(() => {
|
|
9690
9406
|
const p = getProps();
|
|
9691
9407
|
const isDisabled = p.isDisabled || state2.isDisabled();
|
|
9692
9408
|
return {
|
|
@@ -9700,7 +9416,7 @@ function createCalendar(props, state2) {
|
|
|
9700
9416
|
tabIndex: -1
|
|
9701
9417
|
};
|
|
9702
9418
|
});
|
|
9703
|
-
const nextButtonProps =
|
|
9419
|
+
const nextButtonProps = createMemo(() => {
|
|
9704
9420
|
const p = getProps();
|
|
9705
9421
|
const isDisabled = p.isDisabled || state2.isDisabled();
|
|
9706
9422
|
return {
|
|
@@ -9714,11 +9430,11 @@ function createCalendar(props, state2) {
|
|
|
9714
9430
|
tabIndex: -1
|
|
9715
9431
|
};
|
|
9716
9432
|
});
|
|
9717
|
-
const titleProps =
|
|
9433
|
+
const titleProps = createMemo(() => ({
|
|
9718
9434
|
id: titleId,
|
|
9719
9435
|
"aria-live": "polite"
|
|
9720
9436
|
}));
|
|
9721
|
-
const calendarProps =
|
|
9437
|
+
const calendarProps = createMemo(() => {
|
|
9722
9438
|
const p = getProps();
|
|
9723
9439
|
return mergeProps(
|
|
9724
9440
|
{
|
|
@@ -9748,11 +9464,8 @@ function createCalendar(props, state2) {
|
|
|
9748
9464
|
}
|
|
9749
9465
|
};
|
|
9750
9466
|
}
|
|
9751
|
-
|
|
9752
|
-
// src/calendar/createCalendarGrid.ts
|
|
9753
|
-
import { createMemo as createMemo18, onMount as onMount9, onCleanup as onCleanup36 } from "solid-js";
|
|
9754
9467
|
function createCalendarGrid(_props, state2, ref) {
|
|
9755
|
-
const weekDays =
|
|
9468
|
+
const weekDays = createMemo(() => state2.weekDays());
|
|
9756
9469
|
const handleKeyDown = (e) => {
|
|
9757
9470
|
if (state2.isDisabled()) return;
|
|
9758
9471
|
switch (e.key) {
|
|
@@ -9803,16 +9516,16 @@ function createCalendarGrid(_props, state2, ref) {
|
|
|
9803
9516
|
break;
|
|
9804
9517
|
}
|
|
9805
9518
|
};
|
|
9806
|
-
|
|
9519
|
+
onMount(() => {
|
|
9807
9520
|
const element = ref?.();
|
|
9808
9521
|
if (element) {
|
|
9809
9522
|
element.addEventListener("keydown", handleKeyDown);
|
|
9810
|
-
|
|
9523
|
+
onCleanup(() => {
|
|
9811
9524
|
element.removeEventListener("keydown", handleKeyDown);
|
|
9812
9525
|
});
|
|
9813
9526
|
}
|
|
9814
9527
|
});
|
|
9815
|
-
const gridProps =
|
|
9528
|
+
const gridProps = createMemo(() => ({
|
|
9816
9529
|
role: "grid",
|
|
9817
9530
|
"aria-readonly": state2.isReadOnly() || void 0,
|
|
9818
9531
|
"aria-disabled": state2.isDisabled() || void 0,
|
|
@@ -9821,7 +9534,7 @@ function createCalendarGrid(_props, state2, ref) {
|
|
|
9821
9534
|
onBlur: () => state2.setFocused(false),
|
|
9822
9535
|
onKeyDown: handleKeyDown
|
|
9823
9536
|
}));
|
|
9824
|
-
const headerProps =
|
|
9537
|
+
const headerProps = createMemo(() => ({
|
|
9825
9538
|
role: "row"
|
|
9826
9539
|
}));
|
|
9827
9540
|
return {
|
|
@@ -9837,9 +9550,6 @@ function createCalendarGrid(_props, state2, ref) {
|
|
|
9837
9550
|
};
|
|
9838
9551
|
}
|
|
9839
9552
|
|
|
9840
|
-
// src/calendar/createCalendarCell.ts
|
|
9841
|
-
import { createSignal as createSignal17, createMemo as createMemo19, onMount as onMount10 } from "solid-js";
|
|
9842
|
-
|
|
9843
9553
|
// ../../node_modules/.deno/@internationalized+date@3.10.1/node_modules/@internationalized/date/dist/utils.mjs
|
|
9844
9554
|
function $2b4dce13dd5a17fa$export$842a2cf37af977e1(amount, numerator) {
|
|
9845
9555
|
return amount - numerator * Math.floor(amount / numerator);
|
|
@@ -9907,11 +9617,11 @@ var $3b62074eb05584b2$export$80ee6245ec4f29ec = class {
|
|
|
9907
9617
|
let jd0 = jd;
|
|
9908
9618
|
let depoch = jd0 - $3b62074eb05584b2$var$EPOCH;
|
|
9909
9619
|
let quadricent = Math.floor(depoch / 146097);
|
|
9910
|
-
let dqc = (
|
|
9620
|
+
let dqc = ($2b4dce13dd5a17fa$export$842a2cf37af977e1)(depoch, 146097);
|
|
9911
9621
|
let cent = Math.floor(dqc / 36524);
|
|
9912
|
-
let dcent = (
|
|
9622
|
+
let dcent = ($2b4dce13dd5a17fa$export$842a2cf37af977e1)(dqc, 36524);
|
|
9913
9623
|
let quad = Math.floor(dcent / 1461);
|
|
9914
|
-
let dquad = (
|
|
9624
|
+
let dquad = ($2b4dce13dd5a17fa$export$842a2cf37af977e1)(dcent, 1461);
|
|
9915
9625
|
let yindex = Math.floor(dquad / 365);
|
|
9916
9626
|
let extendedYear = quadricent * 400 + cent * 100 + quad * 4 + yindex + (cent !== 4 && yindex !== 4 ? 1 : 0);
|
|
9917
9627
|
let [era, year] = $3b62074eb05584b2$export$4475b7e617eb123c(extendedYear);
|
|
@@ -9921,7 +9631,7 @@ var $3b62074eb05584b2$export$80ee6245ec4f29ec = class {
|
|
|
9921
9631
|
else if ($3b62074eb05584b2$export$553d7fa8e3805fc0(year)) leapAdj = 1;
|
|
9922
9632
|
let month = Math.floor(((yearDay + leapAdj) * 12 + 373) / 367);
|
|
9923
9633
|
let day = jd0 - $3b62074eb05584b2$export$f297eb839006d339(era, year, month, 1) + 1;
|
|
9924
|
-
return new (
|
|
9634
|
+
return new ($35ea8db9cb2ccb90$export$99faa760c7908e4f)(era, year, month, day);
|
|
9925
9635
|
}
|
|
9926
9636
|
toJulianDay(date) {
|
|
9927
9637
|
return $3b62074eb05584b2$export$f297eb839006d339(date.era, date.year, date.month, date.day);
|
|
@@ -9962,7 +9672,7 @@ var $3b62074eb05584b2$export$80ee6245ec4f29ec = class {
|
|
|
9962
9672
|
|
|
9963
9673
|
// ../../node_modules/.deno/@internationalized+date@3.10.1/node_modules/@internationalized/date/dist/queries.mjs
|
|
9964
9674
|
function $14e0f24ef4ac5c92$export$ea39ec197993aef0(a, b) {
|
|
9965
|
-
b = (
|
|
9675
|
+
b = ($11d87f3f76e88657$export$b4a036af3fc0b032)(b, a.calendar);
|
|
9966
9676
|
return a.era === b.era && a.year === b.year && a.month === b.month && a.day === b.day;
|
|
9967
9677
|
}
|
|
9968
9678
|
function $14e0f24ef4ac5c92$export$dbc69fd56b53d5e(a, b) {
|
|
@@ -9974,10 +9684,10 @@ function $14e0f24ef4ac5c92$export$629b0a497aa65267(date, timeZone) {
|
|
|
9974
9684
|
return $14e0f24ef4ac5c92$export$ea39ec197993aef0(date, $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(timeZone));
|
|
9975
9685
|
}
|
|
9976
9686
|
function $14e0f24ef4ac5c92$export$461939dd4422153(timeZone) {
|
|
9977
|
-
return (
|
|
9687
|
+
return ($11d87f3f76e88657$export$1b96692a1ba042ac)(Date.now(), timeZone);
|
|
9978
9688
|
}
|
|
9979
9689
|
function $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(timeZone) {
|
|
9980
|
-
return (
|
|
9690
|
+
return ($11d87f3f76e88657$export$93522d1a439f3617)($14e0f24ef4ac5c92$export$461939dd4422153(timeZone));
|
|
9981
9691
|
}
|
|
9982
9692
|
function $14e0f24ef4ac5c92$export$68781ddf31c0090f(a, b) {
|
|
9983
9693
|
return a.calendar.toJulianDay(a) - b.calendar.toJulianDay(b);
|
|
@@ -9996,8 +9706,8 @@ function $14e0f24ef4ac5c92$export$aa8b41735afcabd2() {
|
|
|
9996
9706
|
|
|
9997
9707
|
// ../../node_modules/.deno/@internationalized+date@3.10.1/node_modules/@internationalized/date/dist/conversion.mjs
|
|
9998
9708
|
function $11d87f3f76e88657$export$bd4fb2bc8bb06fb(date) {
|
|
9999
|
-
date = $11d87f3f76e88657$export$b4a036af3fc0b032(date, new (
|
|
10000
|
-
let year = (
|
|
9709
|
+
date = $11d87f3f76e88657$export$b4a036af3fc0b032(date, new ($3b62074eb05584b2$export$80ee6245ec4f29ec)());
|
|
9710
|
+
let year = ($3b62074eb05584b2$export$c36e0ecb2d4fa69d)(date.era, date.year);
|
|
10001
9711
|
return $11d87f3f76e88657$var$epochFromParts(year, date.month, date.day, date.hour, date.minute, date.second, date.millisecond);
|
|
10002
9712
|
}
|
|
10003
9713
|
function $11d87f3f76e88657$var$epochFromParts(year, month, day, hour, minute, second, millisecond) {
|
|
@@ -10008,7 +9718,7 @@ function $11d87f3f76e88657$var$epochFromParts(year, month, day, hour, minute, se
|
|
|
10008
9718
|
}
|
|
10009
9719
|
function $11d87f3f76e88657$export$59c99f3515d3493f(ms, timeZone) {
|
|
10010
9720
|
if (timeZone === "UTC") return 0;
|
|
10011
|
-
if (ms > 0 && timeZone === (
|
|
9721
|
+
if (ms > 0 && timeZone === ($14e0f24ef4ac5c92$export$aa8b41735afcabd2)()) return new Date(ms).getTimezoneOffset() * -6e4;
|
|
10012
9722
|
let { year, month, day, hour, minute, second } = $11d87f3f76e88657$var$getTimeZoneParts(ms, timeZone);
|
|
10013
9723
|
let utc = $11d87f3f76e88657$var$epochFromParts(year, month, day, hour, minute, second, 0);
|
|
10014
9724
|
return utc - Math.floor(ms / 1e3) * 1e3;
|
|
@@ -10060,10 +9770,10 @@ function $11d87f3f76e88657$var$isValidWallTime(date, timeZone, absolute) {
|
|
|
10060
9770
|
function $11d87f3f76e88657$export$5107c82f94518f5c(date, timeZone, disambiguation = "compatible") {
|
|
10061
9771
|
let dateTime = $11d87f3f76e88657$export$b21e0b124e224484(date);
|
|
10062
9772
|
if (timeZone === "UTC") return $11d87f3f76e88657$export$bd4fb2bc8bb06fb(dateTime);
|
|
10063
|
-
if (timeZone === (
|
|
10064
|
-
dateTime = $11d87f3f76e88657$export$b4a036af3fc0b032(dateTime, new (
|
|
9773
|
+
if (timeZone === ($14e0f24ef4ac5c92$export$aa8b41735afcabd2)() && disambiguation === "compatible") {
|
|
9774
|
+
dateTime = $11d87f3f76e88657$export$b4a036af3fc0b032(dateTime, new ($3b62074eb05584b2$export$80ee6245ec4f29ec)());
|
|
10065
9775
|
let date2 = /* @__PURE__ */ new Date();
|
|
10066
|
-
let year = (
|
|
9776
|
+
let year = ($3b62074eb05584b2$export$c36e0ecb2d4fa69d)(dateTime.era, dateTime.year);
|
|
10067
9777
|
date2.setFullYear(year, dateTime.month - 1, dateTime.day);
|
|
10068
9778
|
date2.setHours(dateTime.hour, dateTime.minute, dateTime.second, dateTime.millisecond);
|
|
10069
9779
|
return date2.getTime();
|
|
@@ -10107,20 +9817,20 @@ function $11d87f3f76e88657$export$1b96692a1ba042ac(ms, timeZone) {
|
|
|
10107
9817
|
let minute = date.getUTCMinutes();
|
|
10108
9818
|
let second = date.getUTCSeconds();
|
|
10109
9819
|
let millisecond = date.getUTCMilliseconds();
|
|
10110
|
-
return new (
|
|
9820
|
+
return new ($35ea8db9cb2ccb90$export$d3b7288e7994edea)(year < 1 ? "BC" : "AD", year < 1 ? -year + 1 : year, month, day, timeZone, offset, hour, minute, second, millisecond);
|
|
10111
9821
|
}
|
|
10112
9822
|
function $11d87f3f76e88657$export$93522d1a439f3617(dateTime) {
|
|
10113
|
-
return new (
|
|
9823
|
+
return new ($35ea8db9cb2ccb90$export$99faa760c7908e4f)(dateTime.calendar, dateTime.era, dateTime.year, dateTime.month, dateTime.day);
|
|
10114
9824
|
}
|
|
10115
9825
|
function $11d87f3f76e88657$export$b21e0b124e224484(date, time) {
|
|
10116
9826
|
let hour = 0, minute = 0, second = 0, millisecond = 0;
|
|
10117
9827
|
if ("timeZone" in date) ({ hour, minute, second, millisecond } = date);
|
|
10118
9828
|
else if ("hour" in date && !time) return date;
|
|
10119
9829
|
if (time) ({ hour, minute, second, millisecond } = time);
|
|
10120
|
-
return new (
|
|
9830
|
+
return new ($35ea8db9cb2ccb90$export$ca871e8dbb80966f)(date.calendar, date.era, date.year, date.month, date.day, hour, minute, second, millisecond);
|
|
10121
9831
|
}
|
|
10122
9832
|
function $11d87f3f76e88657$export$b4a036af3fc0b032(date, calendar) {
|
|
10123
|
-
if ((
|
|
9833
|
+
if (($14e0f24ef4ac5c92$export$dbc69fd56b53d5e)(date.calendar, calendar)) return date;
|
|
10124
9834
|
let calendarDate = calendar.fromJulianDay(date.calendar.toJulianDay(date));
|
|
10125
9835
|
let copy = date.copy();
|
|
10126
9836
|
copy.calendar = calendar;
|
|
@@ -10128,11 +9838,11 @@ function $11d87f3f76e88657$export$b4a036af3fc0b032(date, calendar) {
|
|
|
10128
9838
|
copy.year = calendarDate.year;
|
|
10129
9839
|
copy.month = calendarDate.month;
|
|
10130
9840
|
copy.day = calendarDate.day;
|
|
10131
|
-
(
|
|
9841
|
+
($735220c2d4774dd3$export$c4e2ecac49351ef2)(copy);
|
|
10132
9842
|
return copy;
|
|
10133
9843
|
}
|
|
10134
9844
|
function $11d87f3f76e88657$export$84c95a83c799e074(date, timeZone, disambiguation) {
|
|
10135
|
-
if (date instanceof (
|
|
9845
|
+
if (date instanceof ($35ea8db9cb2ccb90$export$d3b7288e7994edea)) {
|
|
10136
9846
|
if (date.timeZone === timeZone) return date;
|
|
10137
9847
|
return $11d87f3f76e88657$export$538b00033cc11c75(date, timeZone);
|
|
10138
9848
|
}
|
|
@@ -10359,21 +10069,21 @@ function $735220c2d4774dd3$var$cycleValue(value, amount, min, max, round = false
|
|
|
10359
10069
|
function $735220c2d4774dd3$export$96b1d28349274637(dateTime, duration) {
|
|
10360
10070
|
let ms;
|
|
10361
10071
|
if (duration.years != null && duration.years !== 0 || duration.months != null && duration.months !== 0 || duration.weeks != null && duration.weeks !== 0 || duration.days != null && duration.days !== 0) {
|
|
10362
|
-
let res2 = $735220c2d4774dd3$export$e16d8520af44a096((
|
|
10072
|
+
let res2 = $735220c2d4774dd3$export$e16d8520af44a096(($11d87f3f76e88657$export$b21e0b124e224484)(dateTime), {
|
|
10363
10073
|
years: duration.years,
|
|
10364
10074
|
months: duration.months,
|
|
10365
10075
|
weeks: duration.weeks,
|
|
10366
10076
|
days: duration.days
|
|
10367
10077
|
});
|
|
10368
|
-
ms = (
|
|
10078
|
+
ms = ($11d87f3f76e88657$export$5107c82f94518f5c)(res2, dateTime.timeZone);
|
|
10369
10079
|
} else
|
|
10370
|
-
ms = (
|
|
10080
|
+
ms = ($11d87f3f76e88657$export$bd4fb2bc8bb06fb)(dateTime) - dateTime.offset;
|
|
10371
10081
|
ms += duration.milliseconds || 0;
|
|
10372
10082
|
ms += (duration.seconds || 0) * 1e3;
|
|
10373
10083
|
ms += (duration.minutes || 0) * 6e4;
|
|
10374
10084
|
ms += (duration.hours || 0) * 36e5;
|
|
10375
|
-
let res = (
|
|
10376
|
-
return (
|
|
10085
|
+
let res = ($11d87f3f76e88657$export$1b96692a1ba042ac)(ms, dateTime.timeZone);
|
|
10086
|
+
return ($11d87f3f76e88657$export$b4a036af3fc0b032)(res, dateTime.calendar);
|
|
10377
10087
|
}
|
|
10378
10088
|
function $735220c2d4774dd3$export$6814caac34ca03c7(dateTime, duration) {
|
|
10379
10089
|
return $735220c2d4774dd3$export$96b1d28349274637(dateTime, $735220c2d4774dd3$export$3e2544e88a25bff8(duration));
|
|
@@ -10388,26 +10098,26 @@ function $735220c2d4774dd3$export$9a297d111fc86b79(dateTime, field, amount, opti
|
|
|
10388
10098
|
min = isPM ? 12 : 0;
|
|
10389
10099
|
max = isPM ? 23 : 11;
|
|
10390
10100
|
}
|
|
10391
|
-
let plainDateTime = (
|
|
10392
|
-
let minDate = (
|
|
10101
|
+
let plainDateTime = ($11d87f3f76e88657$export$b21e0b124e224484)(dateTime);
|
|
10102
|
+
let minDate = ($11d87f3f76e88657$export$b4a036af3fc0b032)($735220c2d4774dd3$export$e5d5e1c1822b6e56(plainDateTime, {
|
|
10393
10103
|
hour: min
|
|
10394
|
-
}), new (
|
|
10104
|
+
}), new ($3b62074eb05584b2$export$80ee6245ec4f29ec)());
|
|
10395
10105
|
let minAbsolute = [
|
|
10396
|
-
(
|
|
10397
|
-
(
|
|
10398
|
-
].filter((ms2) => (
|
|
10399
|
-
let maxDate = (
|
|
10106
|
+
($11d87f3f76e88657$export$5107c82f94518f5c)(minDate, dateTime.timeZone, "earlier"),
|
|
10107
|
+
($11d87f3f76e88657$export$5107c82f94518f5c)(minDate, dateTime.timeZone, "later")
|
|
10108
|
+
].filter((ms2) => ($11d87f3f76e88657$export$1b96692a1ba042ac)(ms2, dateTime.timeZone).day === minDate.day)[0];
|
|
10109
|
+
let maxDate = ($11d87f3f76e88657$export$b4a036af3fc0b032)($735220c2d4774dd3$export$e5d5e1c1822b6e56(plainDateTime, {
|
|
10400
10110
|
hour: max
|
|
10401
|
-
}), new (
|
|
10111
|
+
}), new ($3b62074eb05584b2$export$80ee6245ec4f29ec)());
|
|
10402
10112
|
let maxAbsolute = [
|
|
10403
|
-
(
|
|
10404
|
-
(
|
|
10405
|
-
].filter((ms2) => (
|
|
10406
|
-
let ms = (
|
|
10113
|
+
($11d87f3f76e88657$export$5107c82f94518f5c)(maxDate, dateTime.timeZone, "earlier"),
|
|
10114
|
+
($11d87f3f76e88657$export$5107c82f94518f5c)(maxDate, dateTime.timeZone, "later")
|
|
10115
|
+
].filter((ms2) => ($11d87f3f76e88657$export$1b96692a1ba042ac)(ms2, dateTime.timeZone).day === maxDate.day).pop();
|
|
10116
|
+
let ms = ($11d87f3f76e88657$export$bd4fb2bc8bb06fb)(dateTime) - dateTime.offset;
|
|
10407
10117
|
let hours = Math.floor(ms / $735220c2d4774dd3$var$ONE_HOUR);
|
|
10408
10118
|
let remainder = ms % $735220c2d4774dd3$var$ONE_HOUR;
|
|
10409
10119
|
ms = $735220c2d4774dd3$var$cycleValue(hours, amount, Math.floor(minAbsolute / $735220c2d4774dd3$var$ONE_HOUR), Math.floor(maxAbsolute / $735220c2d4774dd3$var$ONE_HOUR), options === null || options === void 0 ? void 0 : options.round) * $735220c2d4774dd3$var$ONE_HOUR + remainder;
|
|
10410
|
-
return (
|
|
10120
|
+
return ($11d87f3f76e88657$export$b4a036af3fc0b032)(($11d87f3f76e88657$export$1b96692a1ba042ac)(ms, dateTime.timeZone), dateTime.calendar);
|
|
10411
10121
|
}
|
|
10412
10122
|
case "minute":
|
|
10413
10123
|
case "second":
|
|
@@ -10417,40 +10127,26 @@ function $735220c2d4774dd3$export$9a297d111fc86b79(dateTime, field, amount, opti
|
|
|
10417
10127
|
case "year":
|
|
10418
10128
|
case "month":
|
|
10419
10129
|
case "day": {
|
|
10420
|
-
let res = $735220c2d4774dd3$export$d52ced6badfb9a4c((
|
|
10421
|
-
let ms = (
|
|
10422
|
-
return (
|
|
10130
|
+
let res = $735220c2d4774dd3$export$d52ced6badfb9a4c(($11d87f3f76e88657$export$b21e0b124e224484)(dateTime), field, amount, options);
|
|
10131
|
+
let ms = ($11d87f3f76e88657$export$5107c82f94518f5c)(res, dateTime.timeZone);
|
|
10132
|
+
return ($11d87f3f76e88657$export$b4a036af3fc0b032)(($11d87f3f76e88657$export$1b96692a1ba042ac)(ms, dateTime.timeZone), dateTime.calendar);
|
|
10423
10133
|
}
|
|
10424
10134
|
default:
|
|
10425
10135
|
throw new Error("Unsupported field " + field);
|
|
10426
10136
|
}
|
|
10427
10137
|
}
|
|
10428
10138
|
function $735220c2d4774dd3$export$31b5430eb18be4f8(dateTime, fields, disambiguation) {
|
|
10429
|
-
let plainDateTime = (
|
|
10139
|
+
let plainDateTime = ($11d87f3f76e88657$export$b21e0b124e224484)(dateTime);
|
|
10430
10140
|
let res = $735220c2d4774dd3$export$e5d5e1c1822b6e56($735220c2d4774dd3$export$adaa4cf7ef1b65be(plainDateTime, fields), fields);
|
|
10431
10141
|
if (res.compare(plainDateTime) === 0) return dateTime;
|
|
10432
|
-
let ms = (
|
|
10433
|
-
return (
|
|
10142
|
+
let ms = ($11d87f3f76e88657$export$5107c82f94518f5c)(res, dateTime.timeZone, disambiguation);
|
|
10143
|
+
return ($11d87f3f76e88657$export$b4a036af3fc0b032)(($11d87f3f76e88657$export$1b96692a1ba042ac)(ms, dateTime.timeZone), dateTime.calendar);
|
|
10434
10144
|
}
|
|
10435
|
-
|
|
10436
|
-
// ../../node_modules/.deno/@internationalized+date@3.10.1/node_modules/@internationalized/date/dist/string.mjs
|
|
10437
|
-
var $fae977aafc393c5c$var$requiredDurationTimeGroups = [
|
|
10438
|
-
"hours",
|
|
10439
|
-
"minutes",
|
|
10440
|
-
"seconds"
|
|
10441
|
-
];
|
|
10442
|
-
var $fae977aafc393c5c$var$requiredDurationGroups = [
|
|
10443
|
-
"years",
|
|
10444
|
-
"months",
|
|
10445
|
-
"weeks",
|
|
10446
|
-
"days",
|
|
10447
|
-
...$fae977aafc393c5c$var$requiredDurationTimeGroups
|
|
10448
|
-
];
|
|
10449
10145
|
function $fae977aafc393c5c$export$f59dee82248f5ad4(time) {
|
|
10450
10146
|
return `${String(time.hour).padStart(2, "0")}:${String(time.minute).padStart(2, "0")}:${String(time.second).padStart(2, "0")}${time.millisecond ? String(time.millisecond / 1e3).slice(1) : ""}`;
|
|
10451
10147
|
}
|
|
10452
10148
|
function $fae977aafc393c5c$export$60dfd74aa96791bd(date) {
|
|
10453
|
-
let gregorianDate = (
|
|
10149
|
+
let gregorianDate = ($11d87f3f76e88657$export$b4a036af3fc0b032)(date, new ($3b62074eb05584b2$export$80ee6245ec4f29ec)());
|
|
10454
10150
|
let year;
|
|
10455
10151
|
if (gregorianDate.era === "BC") year = gregorianDate.year === 1 ? "0000" : "-" + String(Math.abs(1 - gregorianDate.year)).padStart(6, "00");
|
|
10456
10152
|
else year = String(gregorianDate.year).padStart(4, "0");
|
|
@@ -10488,7 +10184,7 @@ function _class_private_field_init(obj, privateMap, value) {
|
|
|
10488
10184
|
|
|
10489
10185
|
// ../../node_modules/.deno/@internationalized+date@3.10.1/node_modules/@internationalized/date/dist/CalendarDate.mjs
|
|
10490
10186
|
function $35ea8db9cb2ccb90$var$shiftArgs(args) {
|
|
10491
|
-
let calendar = typeof args[0] === "object" ? args.shift() : new (
|
|
10187
|
+
let calendar = typeof args[0] === "object" ? args.shift() : new ($3b62074eb05584b2$export$80ee6245ec4f29ec)();
|
|
10492
10188
|
let era;
|
|
10493
10189
|
if (typeof args[0] === "string") era = args.shift();
|
|
10494
10190
|
else {
|
|
@@ -10515,37 +10211,37 @@ var $35ea8db9cb2ccb90$export$99faa760c7908e4f = class _$35ea8db9cb2ccb90$export$
|
|
|
10515
10211
|
}
|
|
10516
10212
|
/** Returns a new `CalendarDate` with the given duration added to it. */
|
|
10517
10213
|
add(duration) {
|
|
10518
|
-
return (
|
|
10214
|
+
return ($735220c2d4774dd3$export$e16d8520af44a096)(this, duration);
|
|
10519
10215
|
}
|
|
10520
10216
|
/** Returns a new `CalendarDate` with the given duration subtracted from it. */
|
|
10521
10217
|
subtract(duration) {
|
|
10522
|
-
return (
|
|
10218
|
+
return ($735220c2d4774dd3$export$4e2d2ead65e5f7e3)(this, duration);
|
|
10523
10219
|
}
|
|
10524
10220
|
/** Returns a new `CalendarDate` with the given fields set to the provided values. Other fields will be constrained accordingly. */
|
|
10525
10221
|
set(fields) {
|
|
10526
|
-
return (
|
|
10222
|
+
return ($735220c2d4774dd3$export$adaa4cf7ef1b65be)(this, fields);
|
|
10527
10223
|
}
|
|
10528
10224
|
/**
|
|
10529
10225
|
* Returns a new `CalendarDate` with the given field adjusted by a specified amount.
|
|
10530
10226
|
* When the resulting value reaches the limits of the field, it wraps around.
|
|
10531
10227
|
*/
|
|
10532
10228
|
cycle(field, amount, options) {
|
|
10533
|
-
return (
|
|
10229
|
+
return ($735220c2d4774dd3$export$d52ced6badfb9a4c)(this, field, amount, options);
|
|
10534
10230
|
}
|
|
10535
10231
|
/** Converts the date to a native JavaScript Date object, with the time set to midnight in the given time zone. */
|
|
10536
10232
|
toDate(timeZone) {
|
|
10537
|
-
return (
|
|
10233
|
+
return ($11d87f3f76e88657$export$e67a095c620b86fe)(this, timeZone);
|
|
10538
10234
|
}
|
|
10539
10235
|
/** Converts the date to an ISO 8601 formatted string. */
|
|
10540
10236
|
toString() {
|
|
10541
|
-
return (
|
|
10237
|
+
return ($fae977aafc393c5c$export$60dfd74aa96791bd)(this);
|
|
10542
10238
|
}
|
|
10543
10239
|
/** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
|
|
10544
10240
|
compare(b) {
|
|
10545
|
-
return (
|
|
10241
|
+
return ($14e0f24ef4ac5c92$export$68781ddf31c0090f)(this, b);
|
|
10546
10242
|
}
|
|
10547
10243
|
constructor(...args) {
|
|
10548
|
-
(
|
|
10244
|
+
(_class_private_field_init)(this, $35ea8db9cb2ccb90$var$_type, {
|
|
10549
10245
|
writable: true,
|
|
10550
10246
|
value: void 0
|
|
10551
10247
|
});
|
|
@@ -10555,7 +10251,7 @@ var $35ea8db9cb2ccb90$export$99faa760c7908e4f = class _$35ea8db9cb2ccb90$export$
|
|
|
10555
10251
|
this.year = year;
|
|
10556
10252
|
this.month = month;
|
|
10557
10253
|
this.day = day;
|
|
10558
|
-
(
|
|
10254
|
+
($735220c2d4774dd3$export$c4e2ecac49351ef2)(this);
|
|
10559
10255
|
}
|
|
10560
10256
|
};
|
|
10561
10257
|
var $35ea8db9cb2ccb90$var$_type2 = /* @__PURE__ */ new WeakMap();
|
|
@@ -10567,15 +10263,15 @@ var $35ea8db9cb2ccb90$export$ca871e8dbb80966f = class _$35ea8db9cb2ccb90$export$
|
|
|
10567
10263
|
}
|
|
10568
10264
|
/** Returns a new `CalendarDateTime` with the given duration added to it. */
|
|
10569
10265
|
add(duration) {
|
|
10570
|
-
return (
|
|
10266
|
+
return ($735220c2d4774dd3$export$e16d8520af44a096)(this, duration);
|
|
10571
10267
|
}
|
|
10572
10268
|
/** Returns a new `CalendarDateTime` with the given duration subtracted from it. */
|
|
10573
10269
|
subtract(duration) {
|
|
10574
|
-
return (
|
|
10270
|
+
return ($735220c2d4774dd3$export$4e2d2ead65e5f7e3)(this, duration);
|
|
10575
10271
|
}
|
|
10576
10272
|
/** Returns a new `CalendarDateTime` with the given fields set to the provided values. Other fields will be constrained accordingly. */
|
|
10577
10273
|
set(fields) {
|
|
10578
|
-
return (
|
|
10274
|
+
return ($735220c2d4774dd3$export$adaa4cf7ef1b65be)(($735220c2d4774dd3$export$e5d5e1c1822b6e56)(this, fields), fields);
|
|
10579
10275
|
}
|
|
10580
10276
|
/**
|
|
10581
10277
|
* Returns a new `CalendarDateTime` with the given field adjusted by a specified amount.
|
|
@@ -10587,27 +10283,27 @@ var $35ea8db9cb2ccb90$export$ca871e8dbb80966f = class _$35ea8db9cb2ccb90$export$
|
|
|
10587
10283
|
case "year":
|
|
10588
10284
|
case "month":
|
|
10589
10285
|
case "day":
|
|
10590
|
-
return (
|
|
10286
|
+
return ($735220c2d4774dd3$export$d52ced6badfb9a4c)(this, field, amount, options);
|
|
10591
10287
|
default:
|
|
10592
|
-
return (
|
|
10288
|
+
return ($735220c2d4774dd3$export$dd02b3e0007dfe28)(this, field, amount, options);
|
|
10593
10289
|
}
|
|
10594
10290
|
}
|
|
10595
10291
|
/** Converts the date to a native JavaScript Date object in the given time zone. */
|
|
10596
10292
|
toDate(timeZone, disambiguation) {
|
|
10597
|
-
return (
|
|
10293
|
+
return ($11d87f3f76e88657$export$e67a095c620b86fe)(this, timeZone, disambiguation);
|
|
10598
10294
|
}
|
|
10599
10295
|
/** Converts the date to an ISO 8601 formatted string. */
|
|
10600
10296
|
toString() {
|
|
10601
|
-
return (
|
|
10297
|
+
return ($fae977aafc393c5c$export$4223de14708adc63)(this);
|
|
10602
10298
|
}
|
|
10603
10299
|
/** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
|
|
10604
10300
|
compare(b) {
|
|
10605
|
-
let res = (
|
|
10606
|
-
if (res === 0) return (
|
|
10301
|
+
let res = ($14e0f24ef4ac5c92$export$68781ddf31c0090f)(this, b);
|
|
10302
|
+
if (res === 0) return ($14e0f24ef4ac5c92$export$c19a80a9721b80f6)(this, ($11d87f3f76e88657$export$b21e0b124e224484)(b));
|
|
10607
10303
|
return res;
|
|
10608
10304
|
}
|
|
10609
10305
|
constructor(...args) {
|
|
10610
|
-
(
|
|
10306
|
+
(_class_private_field_init)(this, $35ea8db9cb2ccb90$var$_type2, {
|
|
10611
10307
|
writable: true,
|
|
10612
10308
|
value: void 0
|
|
10613
10309
|
});
|
|
@@ -10621,7 +10317,7 @@ var $35ea8db9cb2ccb90$export$ca871e8dbb80966f = class _$35ea8db9cb2ccb90$export$
|
|
|
10621
10317
|
this.minute = args.shift() || 0;
|
|
10622
10318
|
this.second = args.shift() || 0;
|
|
10623
10319
|
this.millisecond = args.shift() || 0;
|
|
10624
|
-
(
|
|
10320
|
+
($735220c2d4774dd3$export$c4e2ecac49351ef2)(this);
|
|
10625
10321
|
}
|
|
10626
10322
|
};
|
|
10627
10323
|
var $35ea8db9cb2ccb90$var$_type3 = /* @__PURE__ */ new WeakMap();
|
|
@@ -10633,30 +10329,30 @@ var $35ea8db9cb2ccb90$export$d3b7288e7994edea = class _$35ea8db9cb2ccb90$export$
|
|
|
10633
10329
|
}
|
|
10634
10330
|
/** Returns a new `ZonedDateTime` with the given duration added to it. */
|
|
10635
10331
|
add(duration) {
|
|
10636
|
-
return (
|
|
10332
|
+
return ($735220c2d4774dd3$export$96b1d28349274637)(this, duration);
|
|
10637
10333
|
}
|
|
10638
10334
|
/** Returns a new `ZonedDateTime` with the given duration subtracted from it. */
|
|
10639
10335
|
subtract(duration) {
|
|
10640
|
-
return (
|
|
10336
|
+
return ($735220c2d4774dd3$export$6814caac34ca03c7)(this, duration);
|
|
10641
10337
|
}
|
|
10642
10338
|
/** Returns a new `ZonedDateTime` with the given fields set to the provided values. Other fields will be constrained accordingly. */
|
|
10643
10339
|
set(fields, disambiguation) {
|
|
10644
|
-
return (
|
|
10340
|
+
return ($735220c2d4774dd3$export$31b5430eb18be4f8)(this, fields, disambiguation);
|
|
10645
10341
|
}
|
|
10646
10342
|
/**
|
|
10647
10343
|
* Returns a new `ZonedDateTime` with the given field adjusted by a specified amount.
|
|
10648
10344
|
* When the resulting value reaches the limits of the field, it wraps around.
|
|
10649
10345
|
*/
|
|
10650
10346
|
cycle(field, amount, options) {
|
|
10651
|
-
return (
|
|
10347
|
+
return ($735220c2d4774dd3$export$9a297d111fc86b79)(this, field, amount, options);
|
|
10652
10348
|
}
|
|
10653
10349
|
/** Converts the date to a native JavaScript Date object. */
|
|
10654
10350
|
toDate() {
|
|
10655
|
-
return (
|
|
10351
|
+
return ($11d87f3f76e88657$export$83aac07b4c37b25)(this);
|
|
10656
10352
|
}
|
|
10657
10353
|
/** Converts the date to an ISO 8601 formatted string, including the UTC offset and time zone identifier. */
|
|
10658
10354
|
toString() {
|
|
10659
|
-
return (
|
|
10355
|
+
return ($fae977aafc393c5c$export$bf79f1ebf4b18792)(this);
|
|
10660
10356
|
}
|
|
10661
10357
|
/** Converts the date to an ISO 8601 formatted string in UTC. */
|
|
10662
10358
|
toAbsoluteString() {
|
|
@@ -10664,10 +10360,10 @@ var $35ea8db9cb2ccb90$export$d3b7288e7994edea = class _$35ea8db9cb2ccb90$export$
|
|
|
10664
10360
|
}
|
|
10665
10361
|
/** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
|
|
10666
10362
|
compare(b) {
|
|
10667
|
-
return this.toDate().getTime() - (
|
|
10363
|
+
return this.toDate().getTime() - ($11d87f3f76e88657$export$84c95a83c799e074)(b, this.timeZone).toDate().getTime();
|
|
10668
10364
|
}
|
|
10669
10365
|
constructor(...args) {
|
|
10670
|
-
(
|
|
10366
|
+
(_class_private_field_init)(this, $35ea8db9cb2ccb90$var$_type3, {
|
|
10671
10367
|
writable: true,
|
|
10672
10368
|
value: void 0
|
|
10673
10369
|
});
|
|
@@ -10685,7 +10381,7 @@ var $35ea8db9cb2ccb90$export$d3b7288e7994edea = class _$35ea8db9cb2ccb90$export$
|
|
|
10685
10381
|
this.minute = args.shift() || 0;
|
|
10686
10382
|
this.second = args.shift() || 0;
|
|
10687
10383
|
this.millisecond = args.shift() || 0;
|
|
10688
|
-
(
|
|
10384
|
+
($735220c2d4774dd3$export$c4e2ecac49351ef2)(this);
|
|
10689
10385
|
}
|
|
10690
10386
|
};
|
|
10691
10387
|
|
|
@@ -10806,18 +10502,18 @@ function $fb18d541ea1ad717$var$getResolvedHourCycle(locale, options) {
|
|
|
10806
10502
|
// src/calendar/createCalendarCell.ts
|
|
10807
10503
|
function createCalendarCell(props, state2, ref) {
|
|
10808
10504
|
const getProps = () => access(props);
|
|
10809
|
-
const [isPressed, setIsPressed] =
|
|
10505
|
+
const [isPressed, setIsPressed] = createSignal(false);
|
|
10810
10506
|
const timeZone = $14e0f24ef4ac5c92$export$aa8b41735afcabd2();
|
|
10811
|
-
const date =
|
|
10812
|
-
const isSelected =
|
|
10813
|
-
const isFocused =
|
|
10814
|
-
const isDisabled =
|
|
10507
|
+
const date = createMemo(() => getProps().date);
|
|
10508
|
+
const isSelected = createMemo(() => state2.isSelected(date()));
|
|
10509
|
+
const isFocused = createMemo(() => state2.isCellFocused(date()));
|
|
10510
|
+
const isDisabled = createMemo(() => {
|
|
10815
10511
|
return getProps().isDisabled || state2.isCellDisabled(date());
|
|
10816
10512
|
});
|
|
10817
|
-
const isUnavailable =
|
|
10818
|
-
const isOutsideMonth =
|
|
10819
|
-
const isToday =
|
|
10820
|
-
const formattedDate =
|
|
10513
|
+
const isUnavailable = createMemo(() => state2.isCellUnavailable(date()));
|
|
10514
|
+
const isOutsideMonth = createMemo(() => state2.isOutsideVisibleRange(date()));
|
|
10515
|
+
const isToday = createMemo(() => $14e0f24ef4ac5c92$export$629b0a497aa65267(date(), timeZone));
|
|
10516
|
+
const formattedDate = createMemo(() => {
|
|
10821
10517
|
return date().day.toString();
|
|
10822
10518
|
});
|
|
10823
10519
|
const handlePointerDown = (e) => {
|
|
@@ -10835,18 +10531,18 @@ function createCalendarCell(props, state2, ref) {
|
|
|
10835
10531
|
const handlePointerUp = () => {
|
|
10836
10532
|
setIsPressed(false);
|
|
10837
10533
|
};
|
|
10838
|
-
|
|
10534
|
+
onMount(() => {
|
|
10839
10535
|
const element = ref?.();
|
|
10840
10536
|
if (element && isFocused()) {
|
|
10841
10537
|
element.focus();
|
|
10842
10538
|
}
|
|
10843
10539
|
});
|
|
10844
|
-
const cellProps =
|
|
10540
|
+
const cellProps = createMemo(() => ({
|
|
10845
10541
|
role: "gridcell",
|
|
10846
10542
|
"aria-disabled": isDisabled() || void 0,
|
|
10847
10543
|
"aria-selected": isSelected() || void 0
|
|
10848
10544
|
}));
|
|
10849
|
-
const buttonProps =
|
|
10545
|
+
const buttonProps = createMemo(() => {
|
|
10850
10546
|
const d = date();
|
|
10851
10547
|
const formatter = new $fb18d541ea1ad717$export$ad991b66133851cf("en-US", {
|
|
10852
10548
|
weekday: "long",
|
|
@@ -10906,15 +10602,12 @@ function createCalendarCell(props, state2, ref) {
|
|
|
10906
10602
|
}
|
|
10907
10603
|
};
|
|
10908
10604
|
}
|
|
10909
|
-
|
|
10910
|
-
// src/calendar/createRangeCalendar.ts
|
|
10911
|
-
import { createMemo as createMemo20 } from "solid-js";
|
|
10912
10605
|
function createRangeCalendar(props, state2) {
|
|
10913
10606
|
const getProps = () => access(props);
|
|
10914
10607
|
const id = createId(getProps().id);
|
|
10915
10608
|
const titleId = createId();
|
|
10916
|
-
const title =
|
|
10917
|
-
const prevButtonProps =
|
|
10609
|
+
const title = createMemo(() => state2.title());
|
|
10610
|
+
const prevButtonProps = createMemo(() => {
|
|
10918
10611
|
const p = getProps();
|
|
10919
10612
|
const isDisabled = p.isDisabled || state2.isDisabled();
|
|
10920
10613
|
return {
|
|
@@ -10928,7 +10621,7 @@ function createRangeCalendar(props, state2) {
|
|
|
10928
10621
|
tabIndex: -1
|
|
10929
10622
|
};
|
|
10930
10623
|
});
|
|
10931
|
-
const nextButtonProps =
|
|
10624
|
+
const nextButtonProps = createMemo(() => {
|
|
10932
10625
|
const p = getProps();
|
|
10933
10626
|
const isDisabled = p.isDisabled || state2.isDisabled();
|
|
10934
10627
|
return {
|
|
@@ -10942,11 +10635,11 @@ function createRangeCalendar(props, state2) {
|
|
|
10942
10635
|
tabIndex: -1
|
|
10943
10636
|
};
|
|
10944
10637
|
});
|
|
10945
|
-
const titleProps =
|
|
10638
|
+
const titleProps = createMemo(() => ({
|
|
10946
10639
|
id: titleId,
|
|
10947
10640
|
"aria-live": "polite"
|
|
10948
10641
|
}));
|
|
10949
|
-
const calendarProps =
|
|
10642
|
+
const calendarProps = createMemo(() => {
|
|
10950
10643
|
const p = getProps();
|
|
10951
10644
|
return mergeProps(
|
|
10952
10645
|
{
|
|
@@ -10976,25 +10669,22 @@ function createRangeCalendar(props, state2) {
|
|
|
10976
10669
|
}
|
|
10977
10670
|
};
|
|
10978
10671
|
}
|
|
10979
|
-
|
|
10980
|
-
// src/calendar/createRangeCalendarCell.ts
|
|
10981
|
-
import { createSignal as createSignal18, createMemo as createMemo21 } from "solid-js";
|
|
10982
10672
|
function createRangeCalendarCell(props, state2, _ref) {
|
|
10983
10673
|
const getProps = () => access(props);
|
|
10984
|
-
const [isPressed, setIsPressed] =
|
|
10674
|
+
const [isPressed, setIsPressed] = createSignal(false);
|
|
10985
10675
|
const timeZone = $14e0f24ef4ac5c92$export$aa8b41735afcabd2();
|
|
10986
|
-
const date =
|
|
10987
|
-
const isSelected =
|
|
10988
|
-
const isSelectionStart =
|
|
10989
|
-
const isSelectionEnd =
|
|
10990
|
-
const isFocused =
|
|
10991
|
-
const isDisabled =
|
|
10676
|
+
const date = createMemo(() => getProps().date);
|
|
10677
|
+
const isSelected = createMemo(() => state2.isSelected(date()));
|
|
10678
|
+
const isSelectionStart = createMemo(() => state2.isSelectionStart(date()));
|
|
10679
|
+
const isSelectionEnd = createMemo(() => state2.isSelectionEnd(date()));
|
|
10680
|
+
const isFocused = createMemo(() => state2.isCellFocused(date()));
|
|
10681
|
+
const isDisabled = createMemo(() => {
|
|
10992
10682
|
return getProps().isDisabled || state2.isCellDisabled(date());
|
|
10993
10683
|
});
|
|
10994
|
-
const isUnavailable =
|
|
10995
|
-
const isOutsideMonth =
|
|
10996
|
-
const isToday =
|
|
10997
|
-
const formattedDate =
|
|
10684
|
+
const isUnavailable = createMemo(() => state2.isCellUnavailable(date()));
|
|
10685
|
+
const isOutsideMonth = createMemo(() => state2.isOutsideVisibleRange(date()));
|
|
10686
|
+
const isToday = createMemo(() => $14e0f24ef4ac5c92$export$629b0a497aa65267(date(), timeZone));
|
|
10687
|
+
const formattedDate = createMemo(() => {
|
|
10998
10688
|
return date().day.toString();
|
|
10999
10689
|
});
|
|
11000
10690
|
const handleClick = () => {
|
|
@@ -11015,12 +10705,12 @@ function createRangeCalendarCell(props, state2, _ref) {
|
|
|
11015
10705
|
state2.setFocusedDate(date());
|
|
11016
10706
|
}
|
|
11017
10707
|
};
|
|
11018
|
-
const cellProps =
|
|
10708
|
+
const cellProps = createMemo(() => ({
|
|
11019
10709
|
role: "gridcell",
|
|
11020
10710
|
"aria-disabled": isDisabled() || void 0,
|
|
11021
10711
|
"aria-selected": isSelected() || void 0
|
|
11022
10712
|
}));
|
|
11023
|
-
const buttonProps =
|
|
10713
|
+
const buttonProps = createMemo(() => {
|
|
11024
10714
|
const d = date();
|
|
11025
10715
|
const formatter = new $fb18d541ea1ad717$export$ad991b66133851cf("en-US", {
|
|
11026
10716
|
weekday: "long",
|
|
@@ -11085,9 +10775,6 @@ function createRangeCalendarCell(props, state2, _ref) {
|
|
|
11085
10775
|
}
|
|
11086
10776
|
};
|
|
11087
10777
|
}
|
|
11088
|
-
|
|
11089
|
-
// src/datepicker/createDateField.ts
|
|
11090
|
-
import { createMemo as createMemo22 } from "solid-js";
|
|
11091
10778
|
function createDateField(props, state2, _ref) {
|
|
11092
10779
|
const getProps = () => access(props);
|
|
11093
10780
|
const id = createId(getProps().id);
|
|
@@ -11119,8 +10806,8 @@ function createDateField(props, state2, _ref) {
|
|
|
11119
10806
|
}
|
|
11120
10807
|
return ids.length > 0 ? ids.join(" ") : void 0;
|
|
11121
10808
|
};
|
|
11122
|
-
const segments =
|
|
11123
|
-
const fieldProps =
|
|
10809
|
+
const segments = createMemo(() => state2.segments());
|
|
10810
|
+
const fieldProps = createMemo(() => {
|
|
11124
10811
|
const p = getProps();
|
|
11125
10812
|
return mergeProps(labelFieldProps, {
|
|
11126
10813
|
id,
|
|
@@ -11132,13 +10819,13 @@ function createDateField(props, state2, _ref) {
|
|
|
11132
10819
|
"aria-describedby": getAriaDescribedBy()
|
|
11133
10820
|
});
|
|
11134
10821
|
});
|
|
11135
|
-
const inputProps =
|
|
10822
|
+
const inputProps = createMemo(() => ({
|
|
11136
10823
|
role: "presentation"
|
|
11137
10824
|
}));
|
|
11138
|
-
const descriptionProps =
|
|
10825
|
+
const descriptionProps = createMemo(() => ({
|
|
11139
10826
|
id: descriptionId2
|
|
11140
10827
|
}));
|
|
11141
|
-
const errorMessageProps =
|
|
10828
|
+
const errorMessageProps = createMemo(() => ({
|
|
11142
10829
|
id: errorMessageId,
|
|
11143
10830
|
role: "alert"
|
|
11144
10831
|
}));
|
|
@@ -11163,15 +10850,12 @@ function createDateField(props, state2, _ref) {
|
|
|
11163
10850
|
}
|
|
11164
10851
|
};
|
|
11165
10852
|
}
|
|
11166
|
-
|
|
11167
|
-
// src/datepicker/createDateSegment.ts
|
|
11168
|
-
import { createSignal as createSignal19, createMemo as createMemo23 } from "solid-js";
|
|
11169
10853
|
function createDateSegment(props, state2, _ref) {
|
|
11170
10854
|
const getProps = () => access(props);
|
|
11171
|
-
const [isFocused, setIsFocused] =
|
|
11172
|
-
const [enteredKeys, setEnteredKeys] =
|
|
11173
|
-
const segment =
|
|
11174
|
-
const isEditable =
|
|
10855
|
+
const [isFocused, setIsFocused] = createSignal(false);
|
|
10856
|
+
const [enteredKeys, setEnteredKeys] = createSignal("");
|
|
10857
|
+
const segment = createMemo(() => getProps().segment);
|
|
10858
|
+
const isEditable = createMemo(() => {
|
|
11175
10859
|
const seg = segment();
|
|
11176
10860
|
return seg.isEditable && !state2.isDisabled() && !state2.isReadOnly();
|
|
11177
10861
|
});
|
|
@@ -11233,7 +10917,7 @@ function createDateSegment(props, state2, _ref) {
|
|
|
11233
10917
|
setEnteredKeys("");
|
|
11234
10918
|
state2.confirmPlaceholder();
|
|
11235
10919
|
};
|
|
11236
|
-
const segmentProps =
|
|
10920
|
+
const segmentProps = createMemo(() => {
|
|
11237
10921
|
const seg = segment();
|
|
11238
10922
|
const type = seg.type;
|
|
11239
10923
|
if (type === "literal") {
|
|
@@ -11266,7 +10950,7 @@ function createDateSegment(props, state2, _ref) {
|
|
|
11266
10950
|
}
|
|
11267
10951
|
};
|
|
11268
10952
|
});
|
|
11269
|
-
const text =
|
|
10953
|
+
const text = createMemo(() => {
|
|
11270
10954
|
const seg = segment();
|
|
11271
10955
|
return seg.isPlaceholder ? seg.placeholder : seg.text;
|
|
11272
10956
|
});
|
|
@@ -11312,9 +10996,6 @@ function getSegmentLabel(type) {
|
|
|
11312
10996
|
return "";
|
|
11313
10997
|
}
|
|
11314
10998
|
}
|
|
11315
|
-
|
|
11316
|
-
// src/datepicker/createTimeField.ts
|
|
11317
|
-
import { createMemo as createMemo24 } from "solid-js";
|
|
11318
10999
|
function createTimeField(props, state2, _ref) {
|
|
11319
11000
|
const getProps = () => access(props);
|
|
11320
11001
|
const id = createId(getProps().id);
|
|
@@ -11346,8 +11027,8 @@ function createTimeField(props, state2, _ref) {
|
|
|
11346
11027
|
}
|
|
11347
11028
|
return ids.length > 0 ? ids.join(" ") : void 0;
|
|
11348
11029
|
};
|
|
11349
|
-
const segments =
|
|
11350
|
-
const fieldProps =
|
|
11030
|
+
const segments = createMemo(() => state2.segments());
|
|
11031
|
+
const fieldProps = createMemo(() => {
|
|
11351
11032
|
const p = getProps();
|
|
11352
11033
|
return mergeProps(labelFieldProps, {
|
|
11353
11034
|
id,
|
|
@@ -11359,13 +11040,13 @@ function createTimeField(props, state2, _ref) {
|
|
|
11359
11040
|
"aria-describedby": getAriaDescribedBy()
|
|
11360
11041
|
});
|
|
11361
11042
|
});
|
|
11362
|
-
const inputProps =
|
|
11043
|
+
const inputProps = createMemo(() => ({
|
|
11363
11044
|
role: "presentation"
|
|
11364
11045
|
}));
|
|
11365
|
-
const descriptionProps =
|
|
11046
|
+
const descriptionProps = createMemo(() => ({
|
|
11366
11047
|
id: descriptionId2
|
|
11367
11048
|
}));
|
|
11368
|
-
const errorMessageProps =
|
|
11049
|
+
const errorMessageProps = createMemo(() => ({
|
|
11369
11050
|
id: errorMessageId,
|
|
11370
11051
|
role: "alert"
|
|
11371
11052
|
}));
|
|
@@ -11390,9 +11071,6 @@ function createTimeField(props, state2, _ref) {
|
|
|
11390
11071
|
}
|
|
11391
11072
|
};
|
|
11392
11073
|
}
|
|
11393
|
-
|
|
11394
|
-
// src/datepicker/createDatePicker.ts
|
|
11395
|
-
import { createMemo as createMemo25 } from "solid-js";
|
|
11396
11074
|
function createDatePicker(props, state2, overlayState, _calendarState) {
|
|
11397
11075
|
const getProps = () => access(props);
|
|
11398
11076
|
const id = createId(getProps().id);
|
|
@@ -11425,7 +11103,7 @@ function createDatePicker(props, state2, overlayState, _calendarState) {
|
|
|
11425
11103
|
}
|
|
11426
11104
|
return ids.length > 0 ? ids.join(" ") : void 0;
|
|
11427
11105
|
};
|
|
11428
|
-
const groupProps =
|
|
11106
|
+
const groupProps = createMemo(() => {
|
|
11429
11107
|
const p = getProps();
|
|
11430
11108
|
return mergeProps(labelFieldProps, {
|
|
11431
11109
|
id,
|
|
@@ -11434,12 +11112,12 @@ function createDatePicker(props, state2, overlayState, _calendarState) {
|
|
|
11434
11112
|
"aria-describedby": getAriaDescribedBy()
|
|
11435
11113
|
});
|
|
11436
11114
|
});
|
|
11437
|
-
const fieldProps =
|
|
11115
|
+
const fieldProps = createMemo(() => ({
|
|
11438
11116
|
"aria-haspopup": "dialog",
|
|
11439
11117
|
"aria-expanded": overlayState.isOpen,
|
|
11440
11118
|
"aria-controls": overlayState.isOpen ? dialogId : void 0
|
|
11441
11119
|
}));
|
|
11442
|
-
const buttonProps =
|
|
11120
|
+
const buttonProps = createMemo(() => {
|
|
11443
11121
|
const p = getProps();
|
|
11444
11122
|
const isDisabled = p.isDisabled || state2.isDisabled();
|
|
11445
11123
|
return {
|
|
@@ -11456,19 +11134,19 @@ function createDatePicker(props, state2, overlayState, _calendarState) {
|
|
|
11456
11134
|
}
|
|
11457
11135
|
};
|
|
11458
11136
|
});
|
|
11459
|
-
const dialogProps =
|
|
11137
|
+
const dialogProps = createMemo(() => ({
|
|
11460
11138
|
id: dialogId,
|
|
11461
11139
|
role: "dialog",
|
|
11462
11140
|
"aria-modal": true,
|
|
11463
11141
|
"aria-label": "Calendar"
|
|
11464
11142
|
}));
|
|
11465
|
-
const calendarProps =
|
|
11143
|
+
const calendarProps = createMemo(() => ({
|
|
11466
11144
|
"aria-label": "Calendar"
|
|
11467
11145
|
}));
|
|
11468
|
-
const descriptionProps =
|
|
11146
|
+
const descriptionProps = createMemo(() => ({
|
|
11469
11147
|
id: descriptionId2
|
|
11470
11148
|
}));
|
|
11471
|
-
const errorMessageProps =
|
|
11149
|
+
const errorMessageProps = createMemo(() => ({
|
|
11472
11150
|
id: errorMessageId,
|
|
11473
11151
|
role: "alert"
|
|
11474
11152
|
}));
|
|
@@ -11500,10 +11178,6 @@ function createDatePicker(props, state2, overlayState, _calendarState) {
|
|
|
11500
11178
|
};
|
|
11501
11179
|
}
|
|
11502
11180
|
|
|
11503
|
-
// src/grid/createGrid.ts
|
|
11504
|
-
import { createMemo as createMemo26, createSignal as createSignal20 } from "solid-js";
|
|
11505
|
-
import { createId as createId2 } from "@proyecto-viviana/solid-stately";
|
|
11506
|
-
|
|
11507
11181
|
// src/grid/GridKeyboardDelegate.ts
|
|
11508
11182
|
var GridKeyboardDelegate = class {
|
|
11509
11183
|
collection;
|
|
@@ -11826,9 +11500,9 @@ function getGridData(state2) {
|
|
|
11826
11500
|
return gridMap.get(state2);
|
|
11827
11501
|
}
|
|
11828
11502
|
function createGrid(props, state2, ref) {
|
|
11829
|
-
const id =
|
|
11830
|
-
const [_isFocused, setIsFocused] =
|
|
11831
|
-
const keyboardDelegate =
|
|
11503
|
+
const id = createId$1(props().id);
|
|
11504
|
+
const [_isFocused, setIsFocused] = createSignal(false);
|
|
11505
|
+
const keyboardDelegate = createMemo(() => {
|
|
11832
11506
|
const p = props();
|
|
11833
11507
|
const s = state2();
|
|
11834
11508
|
if (p.keyboardDelegate) {
|
|
@@ -11855,7 +11529,7 @@ function createGrid(props, state2, ref) {
|
|
|
11855
11529
|
shouldSelectOnPressUp: p.shouldSelectOnPressUp
|
|
11856
11530
|
});
|
|
11857
11531
|
};
|
|
11858
|
-
|
|
11532
|
+
createMemo(() => {
|
|
11859
11533
|
storeGridData();
|
|
11860
11534
|
});
|
|
11861
11535
|
const onKeyDown = (e) => {
|
|
@@ -11977,13 +11651,10 @@ function createGrid(props, state2, ref) {
|
|
|
11977
11651
|
setIsFocused(false);
|
|
11978
11652
|
}
|
|
11979
11653
|
};
|
|
11980
|
-
|
|
11981
|
-
|
|
11982
|
-
if (!p["aria-label"] && !p["aria-labelledby"]) {
|
|
11983
|
-
console.warn("Grid: An aria-label or aria-labelledby prop is required for accessibility.");
|
|
11984
|
-
}
|
|
11654
|
+
createMemo(() => {
|
|
11655
|
+
props();
|
|
11985
11656
|
});
|
|
11986
|
-
const gridProps =
|
|
11657
|
+
const gridProps = createMemo(() => {
|
|
11987
11658
|
const p = props();
|
|
11988
11659
|
const s = state2();
|
|
11989
11660
|
const baseProps = {
|
|
@@ -12010,22 +11681,19 @@ function createGrid(props, state2, ref) {
|
|
|
12010
11681
|
}
|
|
12011
11682
|
};
|
|
12012
11683
|
}
|
|
12013
|
-
|
|
12014
|
-
// src/grid/createGridRow.ts
|
|
12015
|
-
import { createMemo as createMemo27, createSignal as createSignal21 } from "solid-js";
|
|
12016
11684
|
function createGridRow(props, state2, _ref) {
|
|
12017
|
-
const [isPressed, setIsPressed] =
|
|
12018
|
-
const isSelected =
|
|
11685
|
+
const [isPressed, setIsPressed] = createSignal(false);
|
|
11686
|
+
const isSelected = createMemo(() => {
|
|
12019
11687
|
const s = state2();
|
|
12020
11688
|
const p = props();
|
|
12021
11689
|
return s.isSelected(p.key);
|
|
12022
11690
|
});
|
|
12023
|
-
const isDisabled =
|
|
11691
|
+
const isDisabled = createMemo(() => {
|
|
12024
11692
|
const s = state2();
|
|
12025
11693
|
const p = props();
|
|
12026
11694
|
return s.isDisabled(p.key);
|
|
12027
11695
|
});
|
|
12028
|
-
const isFocused =
|
|
11696
|
+
const isFocused = createMemo(() => {
|
|
12029
11697
|
const s = state2();
|
|
12030
11698
|
const p = props();
|
|
12031
11699
|
return s.focusedKey === p.key;
|
|
@@ -12082,7 +11750,7 @@ function createGridRow(props, state2, _ref) {
|
|
|
12082
11750
|
const onPointerUp = () => {
|
|
12083
11751
|
setIsPressed(false);
|
|
12084
11752
|
};
|
|
12085
|
-
const rowProps =
|
|
11753
|
+
const rowProps = createMemo(() => {
|
|
12086
11754
|
const s = state2();
|
|
12087
11755
|
const p = props();
|
|
12088
11756
|
const baseProps = {
|
|
@@ -12116,12 +11784,9 @@ function createGridRow(props, state2, _ref) {
|
|
|
12116
11784
|
}
|
|
12117
11785
|
};
|
|
12118
11786
|
}
|
|
12119
|
-
|
|
12120
|
-
// src/grid/createGridCell.ts
|
|
12121
|
-
import { createMemo as createMemo28, createSignal as createSignal22 } from "solid-js";
|
|
12122
11787
|
function createGridCell(props, state2, _ref) {
|
|
12123
|
-
const [isPressed, setIsPressed] =
|
|
12124
|
-
const isSelected =
|
|
11788
|
+
const [isPressed, setIsPressed] = createSignal(false);
|
|
11789
|
+
const isSelected = createMemo(() => {
|
|
12125
11790
|
const s = state2();
|
|
12126
11791
|
const p = props();
|
|
12127
11792
|
const node = s.collection.getItem(p.key);
|
|
@@ -12130,7 +11795,7 @@ function createGridCell(props, state2, _ref) {
|
|
|
12130
11795
|
}
|
|
12131
11796
|
return false;
|
|
12132
11797
|
});
|
|
12133
|
-
const isDisabled =
|
|
11798
|
+
const isDisabled = createMemo(() => {
|
|
12134
11799
|
const s = state2();
|
|
12135
11800
|
const p = props();
|
|
12136
11801
|
const node = s.collection.getItem(p.key);
|
|
@@ -12139,7 +11804,7 @@ function createGridCell(props, state2, _ref) {
|
|
|
12139
11804
|
}
|
|
12140
11805
|
return false;
|
|
12141
11806
|
});
|
|
12142
|
-
const isFocused =
|
|
11807
|
+
const isFocused = createMemo(() => {
|
|
12143
11808
|
const s = state2();
|
|
12144
11809
|
const p = props();
|
|
12145
11810
|
return s.focusedKey === p.key;
|
|
@@ -12197,7 +11862,7 @@ function createGridCell(props, state2, _ref) {
|
|
|
12197
11862
|
const onPointerUp = () => {
|
|
12198
11863
|
setIsPressed(false);
|
|
12199
11864
|
};
|
|
12200
|
-
const cellProps =
|
|
11865
|
+
const cellProps = createMemo(() => {
|
|
12201
11866
|
const s = state2();
|
|
12202
11867
|
const p = props();
|
|
12203
11868
|
const node = s.collection.getItem(p.key);
|
|
@@ -12244,10 +11909,6 @@ function createGridCell(props, state2, _ref) {
|
|
|
12244
11909
|
}
|
|
12245
11910
|
};
|
|
12246
11911
|
}
|
|
12247
|
-
|
|
12248
|
-
// src/table/createTable.ts
|
|
12249
|
-
import { createMemo as createMemo29, createEffect as createEffect34, on } from "solid-js";
|
|
12250
|
-
import { createId as createId3 } from "@proyecto-viviana/solid-stately";
|
|
12251
11912
|
var tableMap = /* @__PURE__ */ new WeakMap();
|
|
12252
11913
|
function getTableData(state2) {
|
|
12253
11914
|
return tableMap.get(state2);
|
|
@@ -12267,7 +11928,7 @@ function isRow(node) {
|
|
|
12267
11928
|
return node?.type === "item";
|
|
12268
11929
|
}
|
|
12269
11930
|
function createTable(props, state2, ref) {
|
|
12270
|
-
const id =
|
|
11931
|
+
const id = createId$1(props().id);
|
|
12271
11932
|
const locale = useLocale();
|
|
12272
11933
|
let prevSortDescriptor = null;
|
|
12273
11934
|
let isFirstRender = true;
|
|
@@ -12284,10 +11945,10 @@ function createTable(props, state2, ref) {
|
|
|
12284
11945
|
focusMode: p.focusMode
|
|
12285
11946
|
});
|
|
12286
11947
|
};
|
|
12287
|
-
|
|
11948
|
+
createMemo(() => {
|
|
12288
11949
|
storeTableData();
|
|
12289
11950
|
});
|
|
12290
|
-
|
|
11951
|
+
createEffect(on(
|
|
12291
11952
|
() => state2().sortDescriptor,
|
|
12292
11953
|
(sortDescriptor) => {
|
|
12293
11954
|
if (isFirstRender) {
|
|
@@ -12587,13 +12248,10 @@ function createTable(props, state2, ref) {
|
|
|
12587
12248
|
s.setFocused(false);
|
|
12588
12249
|
}
|
|
12589
12250
|
};
|
|
12590
|
-
|
|
12591
|
-
|
|
12592
|
-
if (!p["aria-label"] && !p["aria-labelledby"]) {
|
|
12593
|
-
console.warn("Table: An aria-label or aria-labelledby prop is required for accessibility.");
|
|
12594
|
-
}
|
|
12251
|
+
createMemo(() => {
|
|
12252
|
+
props();
|
|
12595
12253
|
});
|
|
12596
|
-
const gridProps =
|
|
12254
|
+
const gridProps = createMemo(() => {
|
|
12597
12255
|
const p = props();
|
|
12598
12256
|
const s = state2();
|
|
12599
12257
|
const baseProps = {
|
|
@@ -12620,11 +12278,8 @@ function createTable(props, state2, ref) {
|
|
|
12620
12278
|
}
|
|
12621
12279
|
};
|
|
12622
12280
|
}
|
|
12623
|
-
|
|
12624
|
-
// src/table/createTableHeaderRow.ts
|
|
12625
|
-
import { createMemo as createMemo30 } from "solid-js";
|
|
12626
12281
|
function createTableHeaderRow(props, _state, _ref) {
|
|
12627
|
-
const rowProps =
|
|
12282
|
+
const rowProps = createMemo(() => {
|
|
12628
12283
|
const p = props();
|
|
12629
12284
|
const node = p.node;
|
|
12630
12285
|
const baseProps = {
|
|
@@ -12641,12 +12296,9 @@ function createTableHeaderRow(props, _state, _ref) {
|
|
|
12641
12296
|
}
|
|
12642
12297
|
};
|
|
12643
12298
|
}
|
|
12644
|
-
|
|
12645
|
-
// src/table/createTableColumnHeader.ts
|
|
12646
|
-
import { createMemo as createMemo31, createSignal as createSignal23 } from "solid-js";
|
|
12647
12299
|
function createTableColumnHeader(props, state2, _ref) {
|
|
12648
|
-
const [_isPressed, setIsPressed] =
|
|
12649
|
-
const isFocused =
|
|
12300
|
+
const [_isPressed, setIsPressed] = createSignal(false);
|
|
12301
|
+
const isFocused = createMemo(() => {
|
|
12650
12302
|
const s = state2();
|
|
12651
12303
|
const p = props();
|
|
12652
12304
|
return s.focusedKey === p.node.key;
|
|
@@ -12677,7 +12329,7 @@ function createTableColumnHeader(props, state2, _ref) {
|
|
|
12677
12329
|
const onPointerUp = () => {
|
|
12678
12330
|
setIsPressed(false);
|
|
12679
12331
|
};
|
|
12680
|
-
const columnHeaderProps =
|
|
12332
|
+
const columnHeaderProps = createMemo(() => {
|
|
12681
12333
|
const s = state2();
|
|
12682
12334
|
const p = props();
|
|
12683
12335
|
const node = p.node;
|
|
@@ -12720,22 +12372,19 @@ function createTableColumnHeader(props, state2, _ref) {
|
|
|
12720
12372
|
}
|
|
12721
12373
|
};
|
|
12722
12374
|
}
|
|
12723
|
-
|
|
12724
|
-
// src/table/createTableRow.ts
|
|
12725
|
-
import { createMemo as createMemo32, createSignal as createSignal24 } from "solid-js";
|
|
12726
12375
|
function createTableRow(props, state2, _ref) {
|
|
12727
|
-
const [isPressed, setIsPressed] =
|
|
12728
|
-
const isSelected =
|
|
12376
|
+
const [isPressed, setIsPressed] = createSignal(false);
|
|
12377
|
+
const isSelected = createMemo(() => {
|
|
12729
12378
|
const s = state2();
|
|
12730
12379
|
const p = props();
|
|
12731
12380
|
return s.isSelected(p.node.key);
|
|
12732
12381
|
});
|
|
12733
|
-
const isDisabled =
|
|
12382
|
+
const isDisabled = createMemo(() => {
|
|
12734
12383
|
const s = state2();
|
|
12735
12384
|
const p = props();
|
|
12736
12385
|
return s.isDisabled(p.node.key);
|
|
12737
12386
|
});
|
|
12738
|
-
const isFocused =
|
|
12387
|
+
const isFocused = createMemo(() => {
|
|
12739
12388
|
const s = state2();
|
|
12740
12389
|
const p = props();
|
|
12741
12390
|
return s.focusedKey === p.node.key;
|
|
@@ -12792,7 +12441,7 @@ function createTableRow(props, state2, _ref) {
|
|
|
12792
12441
|
const onPointerUp = () => {
|
|
12793
12442
|
setIsPressed(false);
|
|
12794
12443
|
};
|
|
12795
|
-
const rowProps =
|
|
12444
|
+
const rowProps = createMemo(() => {
|
|
12796
12445
|
const s = state2();
|
|
12797
12446
|
const p = props();
|
|
12798
12447
|
const node = p.node;
|
|
@@ -12827,12 +12476,9 @@ function createTableRow(props, state2, _ref) {
|
|
|
12827
12476
|
}
|
|
12828
12477
|
};
|
|
12829
12478
|
}
|
|
12830
|
-
|
|
12831
|
-
// src/table/createTableCell.ts
|
|
12832
|
-
import { createMemo as createMemo33, createSignal as createSignal25 } from "solid-js";
|
|
12833
12479
|
function createTableCell(props, state2, _ref) {
|
|
12834
|
-
const [isPressed, setIsPressed] =
|
|
12835
|
-
const isDisabled =
|
|
12480
|
+
const [isPressed, setIsPressed] = createSignal(false);
|
|
12481
|
+
const isDisabled = createMemo(() => {
|
|
12836
12482
|
const s = state2();
|
|
12837
12483
|
const p = props();
|
|
12838
12484
|
const node = p.node;
|
|
@@ -12841,7 +12487,7 @@ function createTableCell(props, state2, _ref) {
|
|
|
12841
12487
|
}
|
|
12842
12488
|
return false;
|
|
12843
12489
|
});
|
|
12844
|
-
const isFocused =
|
|
12490
|
+
const isFocused = createMemo(() => {
|
|
12845
12491
|
const s = state2();
|
|
12846
12492
|
const p = props();
|
|
12847
12493
|
return s.focusedKey === p.node.key;
|
|
@@ -12888,7 +12534,7 @@ function createTableCell(props, state2, _ref) {
|
|
|
12888
12534
|
const onPointerUp = () => {
|
|
12889
12535
|
setIsPressed(false);
|
|
12890
12536
|
};
|
|
12891
|
-
const gridCellProps =
|
|
12537
|
+
const gridCellProps = createMemo(() => {
|
|
12892
12538
|
const s = state2();
|
|
12893
12539
|
const p = props();
|
|
12894
12540
|
const node = p.node;
|
|
@@ -12926,11 +12572,8 @@ function createTableCell(props, state2, _ref) {
|
|
|
12926
12572
|
}
|
|
12927
12573
|
};
|
|
12928
12574
|
}
|
|
12929
|
-
|
|
12930
|
-
// src/table/createTableRowGroup.ts
|
|
12931
|
-
import { createMemo as createMemo34 } from "solid-js";
|
|
12932
12575
|
function createTableRowGroup(props) {
|
|
12933
|
-
const rowGroupProps =
|
|
12576
|
+
const rowGroupProps = createMemo(() => {
|
|
12934
12577
|
void props();
|
|
12935
12578
|
const baseProps = {
|
|
12936
12579
|
role: "rowgroup"
|
|
@@ -12943,18 +12586,14 @@ function createTableRowGroup(props) {
|
|
|
12943
12586
|
}
|
|
12944
12587
|
};
|
|
12945
12588
|
}
|
|
12946
|
-
|
|
12947
|
-
// src/table/createTableSelectionCheckbox.ts
|
|
12948
|
-
import { createMemo as createMemo35 } from "solid-js";
|
|
12949
|
-
import { createId as createId4 } from "@proyecto-viviana/solid-stately";
|
|
12950
12589
|
function createTableSelectionCheckbox(props, state2) {
|
|
12951
|
-
const checkboxId =
|
|
12952
|
-
const isSelected =
|
|
12590
|
+
const checkboxId = createId$1();
|
|
12591
|
+
const isSelected = createMemo(() => {
|
|
12953
12592
|
const s = state2();
|
|
12954
12593
|
const p = props();
|
|
12955
12594
|
return s.isSelected(p.key);
|
|
12956
12595
|
});
|
|
12957
|
-
const isDisabled =
|
|
12596
|
+
const isDisabled = createMemo(() => {
|
|
12958
12597
|
const s = state2();
|
|
12959
12598
|
const p = props();
|
|
12960
12599
|
return s.isDisabled(p.key);
|
|
@@ -12966,7 +12605,7 @@ function createTableSelectionCheckbox(props, state2) {
|
|
|
12966
12605
|
s.toggleSelection(p.key);
|
|
12967
12606
|
}
|
|
12968
12607
|
};
|
|
12969
|
-
const checkboxProps =
|
|
12608
|
+
const checkboxProps = createMemo(() => {
|
|
12970
12609
|
const baseProps = {
|
|
12971
12610
|
id: checkboxId,
|
|
12972
12611
|
type: "checkbox",
|
|
@@ -12983,26 +12622,23 @@ function createTableSelectionCheckbox(props, state2) {
|
|
|
12983
12622
|
}
|
|
12984
12623
|
};
|
|
12985
12624
|
}
|
|
12986
|
-
|
|
12987
|
-
// src/table/createTableSelectAllCheckbox.ts
|
|
12988
|
-
import { createMemo as createMemo36 } from "solid-js";
|
|
12989
12625
|
function createTableSelectAllCheckbox(state2) {
|
|
12990
|
-
const isSelectAll =
|
|
12626
|
+
const isSelectAll = createMemo(() => {
|
|
12991
12627
|
const s = state2();
|
|
12992
12628
|
return s.selectedKeys === "all";
|
|
12993
12629
|
});
|
|
12994
|
-
const isEmpty =
|
|
12630
|
+
const isEmpty = createMemo(() => {
|
|
12995
12631
|
const s = state2();
|
|
12996
12632
|
return s.collection.size === 0;
|
|
12997
12633
|
});
|
|
12998
|
-
const isIndeterminate =
|
|
12634
|
+
const isIndeterminate = createMemo(() => {
|
|
12999
12635
|
const s = state2();
|
|
13000
12636
|
const selectedKeys = s.selectedKeys;
|
|
13001
12637
|
if (selectedKeys === "all") return false;
|
|
13002
12638
|
if (selectedKeys.size === 0) return false;
|
|
13003
12639
|
return selectedKeys.size < s.collection.size;
|
|
13004
12640
|
});
|
|
13005
|
-
const isDisabled =
|
|
12641
|
+
const isDisabled = createMemo(() => {
|
|
13006
12642
|
const s = state2();
|
|
13007
12643
|
return s.selectionMode !== "multiple" || isEmpty();
|
|
13008
12644
|
});
|
|
@@ -13012,7 +12648,7 @@ function createTableSelectAllCheckbox(state2) {
|
|
|
13012
12648
|
s.toggleSelectAll();
|
|
13013
12649
|
}
|
|
13014
12650
|
};
|
|
13015
|
-
const checkboxProps =
|
|
12651
|
+
const checkboxProps = createMemo(() => {
|
|
13016
12652
|
const s = state2();
|
|
13017
12653
|
const baseProps = {
|
|
13018
12654
|
type: "checkbox",
|
|
@@ -13032,16 +12668,12 @@ function createTableSelectAllCheckbox(state2) {
|
|
|
13032
12668
|
}
|
|
13033
12669
|
};
|
|
13034
12670
|
}
|
|
13035
|
-
|
|
13036
|
-
// src/gridlist/createGridList.ts
|
|
13037
|
-
import { createMemo as createMemo37 } from "solid-js";
|
|
13038
|
-
import { createId as createId5 } from "@proyecto-viviana/solid-stately";
|
|
13039
12671
|
var gridListDataMap = /* @__PURE__ */ new WeakMap();
|
|
13040
12672
|
function getGridListData(state2) {
|
|
13041
12673
|
return gridListDataMap.get(state2);
|
|
13042
12674
|
}
|
|
13043
12675
|
function createGridList(props, state2, _ref) {
|
|
13044
|
-
const gridListId = props().id ??
|
|
12676
|
+
const gridListId = props().id ?? createId$1();
|
|
13045
12677
|
const gridListData = {
|
|
13046
12678
|
gridListId,
|
|
13047
12679
|
actions: {
|
|
@@ -13135,7 +12767,7 @@ function createGridList(props, state2, _ref) {
|
|
|
13135
12767
|
const s = state2();
|
|
13136
12768
|
s.setFocused(false);
|
|
13137
12769
|
};
|
|
13138
|
-
const gridProps =
|
|
12770
|
+
const gridProps = createMemo(() => {
|
|
13139
12771
|
const p = props();
|
|
13140
12772
|
const s = state2();
|
|
13141
12773
|
const baseProps = {
|
|
@@ -13162,22 +12794,19 @@ function createGridList(props, state2, _ref) {
|
|
|
13162
12794
|
}
|
|
13163
12795
|
};
|
|
13164
12796
|
}
|
|
13165
|
-
|
|
13166
|
-
// src/gridlist/createGridListItem.ts
|
|
13167
|
-
import { createMemo as createMemo38, createSignal as createSignal26 } from "solid-js";
|
|
13168
12797
|
function createGridListItem(props, state2, _ref) {
|
|
13169
|
-
const [isPressed, setIsPressed] =
|
|
13170
|
-
const isSelected =
|
|
12798
|
+
const [isPressed, setIsPressed] = createSignal(false);
|
|
12799
|
+
const isSelected = createMemo(() => {
|
|
13171
12800
|
const s = state2();
|
|
13172
12801
|
const p = props();
|
|
13173
12802
|
return s.isSelected(p.node.key);
|
|
13174
12803
|
});
|
|
13175
|
-
const isDisabled =
|
|
12804
|
+
const isDisabled = createMemo(() => {
|
|
13176
12805
|
const s = state2();
|
|
13177
12806
|
const p = props();
|
|
13178
12807
|
return s.isDisabled(p.node.key);
|
|
13179
12808
|
});
|
|
13180
|
-
const isFocused =
|
|
12809
|
+
const isFocused = createMemo(() => {
|
|
13181
12810
|
const s = state2();
|
|
13182
12811
|
const p = props();
|
|
13183
12812
|
return s.focusedKey === p.node.key;
|
|
@@ -13253,7 +12882,7 @@ function createGridListItem(props, state2, _ref) {
|
|
|
13253
12882
|
const onPointerUp = () => {
|
|
13254
12883
|
setIsPressed(false);
|
|
13255
12884
|
};
|
|
13256
|
-
const rowProps =
|
|
12885
|
+
const rowProps = createMemo(() => {
|
|
13257
12886
|
const s = state2();
|
|
13258
12887
|
const p = props();
|
|
13259
12888
|
const node = p.node;
|
|
@@ -13273,7 +12902,7 @@ function createGridListItem(props, state2, _ref) {
|
|
|
13273
12902
|
}
|
|
13274
12903
|
return baseProps;
|
|
13275
12904
|
});
|
|
13276
|
-
const gridCellProps =
|
|
12905
|
+
const gridCellProps = createMemo(() => {
|
|
13277
12906
|
return {
|
|
13278
12907
|
role: "gridcell"
|
|
13279
12908
|
};
|
|
@@ -13296,18 +12925,14 @@ function createGridListItem(props, state2, _ref) {
|
|
|
13296
12925
|
}
|
|
13297
12926
|
};
|
|
13298
12927
|
}
|
|
13299
|
-
|
|
13300
|
-
// src/gridlist/createGridListSelectionCheckbox.ts
|
|
13301
|
-
import { createMemo as createMemo39 } from "solid-js";
|
|
13302
|
-
import { createId as createId6 } from "@proyecto-viviana/solid-stately";
|
|
13303
12928
|
function createGridListSelectionCheckbox(props, state2) {
|
|
13304
|
-
const checkboxId =
|
|
13305
|
-
const isSelected =
|
|
12929
|
+
const checkboxId = createId$1();
|
|
12930
|
+
const isSelected = createMemo(() => {
|
|
13306
12931
|
const s = state2();
|
|
13307
12932
|
const p = props();
|
|
13308
12933
|
return s.isSelected(p.key);
|
|
13309
12934
|
});
|
|
13310
|
-
const isDisabled =
|
|
12935
|
+
const isDisabled = createMemo(() => {
|
|
13311
12936
|
const s = state2();
|
|
13312
12937
|
const p = props();
|
|
13313
12938
|
return s.isDisabled(p.key);
|
|
@@ -13319,7 +12944,7 @@ function createGridListSelectionCheckbox(props, state2) {
|
|
|
13319
12944
|
s.toggleSelection(p.key);
|
|
13320
12945
|
}
|
|
13321
12946
|
};
|
|
13322
|
-
const checkboxProps =
|
|
12947
|
+
const checkboxProps = createMemo(() => {
|
|
13323
12948
|
const baseProps = {
|
|
13324
12949
|
id: checkboxId,
|
|
13325
12950
|
type: "checkbox",
|
|
@@ -13336,16 +12961,12 @@ function createGridListSelectionCheckbox(props, state2) {
|
|
|
13336
12961
|
}
|
|
13337
12962
|
};
|
|
13338
12963
|
}
|
|
13339
|
-
|
|
13340
|
-
// src/tree/createTree.ts
|
|
13341
|
-
import { createMemo as createMemo40 } from "solid-js";
|
|
13342
|
-
import { createId as createId7 } from "@proyecto-viviana/solid-stately";
|
|
13343
12964
|
var treeDataMap = /* @__PURE__ */ new WeakMap();
|
|
13344
12965
|
function getTreeData(state2) {
|
|
13345
12966
|
return treeDataMap.get(state2);
|
|
13346
12967
|
}
|
|
13347
12968
|
function createTree(props, state2, _ref) {
|
|
13348
|
-
const treeId = props().id ??
|
|
12969
|
+
const treeId = props().id ?? createId$1();
|
|
13349
12970
|
const treeData = {
|
|
13350
12971
|
treeId,
|
|
13351
12972
|
actions: {
|
|
@@ -13490,7 +13111,7 @@ function createTree(props, state2, _ref) {
|
|
|
13490
13111
|
const s = state2();
|
|
13491
13112
|
s.setFocused(false);
|
|
13492
13113
|
};
|
|
13493
|
-
const treeProps =
|
|
13114
|
+
const treeProps = createMemo(() => {
|
|
13494
13115
|
const p = props();
|
|
13495
13116
|
const s = state2();
|
|
13496
13117
|
const baseProps = {
|
|
@@ -13517,36 +13138,33 @@ function createTree(props, state2, _ref) {
|
|
|
13517
13138
|
}
|
|
13518
13139
|
};
|
|
13519
13140
|
}
|
|
13520
|
-
|
|
13521
|
-
// src/tree/createTreeItem.ts
|
|
13522
|
-
import { createMemo as createMemo41, createSignal as createSignal27 } from "solid-js";
|
|
13523
13141
|
function createTreeItem(props, state2, _ref) {
|
|
13524
|
-
const [isPressed, setIsPressed] =
|
|
13525
|
-
const isSelected =
|
|
13142
|
+
const [isPressed, setIsPressed] = createSignal(false);
|
|
13143
|
+
const isSelected = createMemo(() => {
|
|
13526
13144
|
const s = state2();
|
|
13527
13145
|
const p = props();
|
|
13528
13146
|
return s.isSelected(p.node.key);
|
|
13529
13147
|
});
|
|
13530
|
-
const isDisabled =
|
|
13148
|
+
const isDisabled = createMemo(() => {
|
|
13531
13149
|
const s = state2();
|
|
13532
13150
|
const p = props();
|
|
13533
13151
|
return s.isDisabled(p.node.key);
|
|
13534
13152
|
});
|
|
13535
|
-
const isFocused =
|
|
13153
|
+
const isFocused = createMemo(() => {
|
|
13536
13154
|
const s = state2();
|
|
13537
13155
|
const p = props();
|
|
13538
13156
|
return s.focusedKey === p.node.key;
|
|
13539
13157
|
});
|
|
13540
|
-
const isExpanded =
|
|
13158
|
+
const isExpanded = createMemo(() => {
|
|
13541
13159
|
const s = state2();
|
|
13542
13160
|
const p = props();
|
|
13543
13161
|
return s.isExpanded(p.node.key);
|
|
13544
13162
|
});
|
|
13545
|
-
const isExpandable =
|
|
13163
|
+
const isExpandable = createMemo(() => {
|
|
13546
13164
|
const p = props();
|
|
13547
13165
|
return p.node.isExpandable ?? false;
|
|
13548
13166
|
});
|
|
13549
|
-
const level =
|
|
13167
|
+
const level = createMemo(() => {
|
|
13550
13168
|
const p = props();
|
|
13551
13169
|
return p.node.level;
|
|
13552
13170
|
});
|
|
@@ -13621,7 +13239,7 @@ function createTreeItem(props, state2, _ref) {
|
|
|
13621
13239
|
const onPointerUp = () => {
|
|
13622
13240
|
setIsPressed(false);
|
|
13623
13241
|
};
|
|
13624
|
-
const rowProps =
|
|
13242
|
+
const rowProps = createMemo(() => {
|
|
13625
13243
|
const s = state2();
|
|
13626
13244
|
const p = props();
|
|
13627
13245
|
const node = p.node;
|
|
@@ -13644,7 +13262,7 @@ function createTreeItem(props, state2, _ref) {
|
|
|
13644
13262
|
}
|
|
13645
13263
|
return baseProps;
|
|
13646
13264
|
});
|
|
13647
|
-
const gridCellProps =
|
|
13265
|
+
const gridCellProps = createMemo(() => {
|
|
13648
13266
|
return {
|
|
13649
13267
|
role: "gridcell"
|
|
13650
13268
|
};
|
|
@@ -13656,7 +13274,7 @@ function createTreeItem(props, state2, _ref) {
|
|
|
13656
13274
|
if (isDisabled()) return;
|
|
13657
13275
|
s.toggleKey(p.node.key);
|
|
13658
13276
|
};
|
|
13659
|
-
const expandButtonProps =
|
|
13277
|
+
const expandButtonProps = createMemo(() => {
|
|
13660
13278
|
const baseProps = {
|
|
13661
13279
|
type: "button",
|
|
13662
13280
|
"aria-label": isExpanded() ? "Collapse" : "Expand",
|
|
@@ -13697,16 +13315,13 @@ function createTreeItem(props, state2, _ref) {
|
|
|
13697
13315
|
}
|
|
13698
13316
|
};
|
|
13699
13317
|
}
|
|
13700
|
-
|
|
13701
|
-
// src/tree/createTreeSelectionCheckbox.ts
|
|
13702
|
-
import { createMemo as createMemo42 } from "solid-js";
|
|
13703
13318
|
function createTreeSelectionCheckbox(props, state2) {
|
|
13704
|
-
const isSelected =
|
|
13319
|
+
const isSelected = createMemo(() => {
|
|
13705
13320
|
const s = state2();
|
|
13706
13321
|
const p = props();
|
|
13707
13322
|
return s.isSelected(p.key);
|
|
13708
13323
|
});
|
|
13709
|
-
const isDisabled =
|
|
13324
|
+
const isDisabled = createMemo(() => {
|
|
13710
13325
|
const s = state2();
|
|
13711
13326
|
const p = props();
|
|
13712
13327
|
return s.isDisabled(p.key);
|
|
@@ -13725,7 +13340,7 @@ function createTreeSelectionCheckbox(props, state2) {
|
|
|
13725
13340
|
const onClick = (e) => {
|
|
13726
13341
|
e.stopPropagation();
|
|
13727
13342
|
};
|
|
13728
|
-
const checkboxProps =
|
|
13343
|
+
const checkboxProps = createMemo(() => {
|
|
13729
13344
|
const baseProps = {
|
|
13730
13345
|
type: "checkbox",
|
|
13731
13346
|
"aria-label": "Select",
|
|
@@ -13744,15 +13359,12 @@ function createTreeSelectionCheckbox(props, state2) {
|
|
|
13744
13359
|
}
|
|
13745
13360
|
};
|
|
13746
13361
|
}
|
|
13747
|
-
|
|
13748
|
-
// src/color/createColorSlider.ts
|
|
13749
|
-
import { createMemo as createMemo43 } from "solid-js";
|
|
13750
13362
|
function createColorSlider(props, state2, trackRef) {
|
|
13751
13363
|
const getProps = () => props();
|
|
13752
13364
|
const getState = () => state2();
|
|
13753
13365
|
const inputId = createId();
|
|
13754
13366
|
const labelId = createId();
|
|
13755
|
-
const channelName =
|
|
13367
|
+
const channelName = createMemo(() => {
|
|
13756
13368
|
const p = getProps();
|
|
13757
13369
|
if (p.channelName) return p.channelName;
|
|
13758
13370
|
const s = getState();
|
|
@@ -13800,7 +13412,7 @@ function createColorSlider(props, state2, trackRef) {
|
|
|
13800
13412
|
e.stopPropagation();
|
|
13801
13413
|
}
|
|
13802
13414
|
};
|
|
13803
|
-
const trackProps =
|
|
13415
|
+
const trackProps = createMemo(() => {
|
|
13804
13416
|
const s = getState();
|
|
13805
13417
|
return {
|
|
13806
13418
|
role: "presentation",
|
|
@@ -13812,7 +13424,7 @@ function createColorSlider(props, state2, trackRef) {
|
|
|
13812
13424
|
"data-disabled": s.isDisabled || void 0
|
|
13813
13425
|
};
|
|
13814
13426
|
});
|
|
13815
|
-
const thumbProps =
|
|
13427
|
+
const thumbProps = createMemo(() => {
|
|
13816
13428
|
const s = getState();
|
|
13817
13429
|
const p = getProps();
|
|
13818
13430
|
const percent = s.getThumbPercent();
|
|
@@ -13829,7 +13441,7 @@ function createColorSlider(props, state2, trackRef) {
|
|
|
13829
13441
|
"data-disabled": s.isDisabled || p.isDisabled || void 0
|
|
13830
13442
|
};
|
|
13831
13443
|
});
|
|
13832
|
-
const inputProps =
|
|
13444
|
+
const inputProps = createMemo(() => {
|
|
13833
13445
|
const s = getState();
|
|
13834
13446
|
const p = getProps();
|
|
13835
13447
|
return {
|
|
@@ -13869,13 +13481,13 @@ function createColorSlider(props, state2, trackRef) {
|
|
|
13869
13481
|
}
|
|
13870
13482
|
};
|
|
13871
13483
|
});
|
|
13872
|
-
const outputProps =
|
|
13484
|
+
const outputProps = createMemo(() => {
|
|
13873
13485
|
return {
|
|
13874
13486
|
"aria-live": "off",
|
|
13875
13487
|
for: inputId
|
|
13876
13488
|
};
|
|
13877
13489
|
});
|
|
13878
|
-
const labelProps =
|
|
13490
|
+
const labelProps = createMemo(() => {
|
|
13879
13491
|
return {
|
|
13880
13492
|
id: labelId,
|
|
13881
13493
|
for: inputId
|
|
@@ -13899,9 +13511,6 @@ function createColorSlider(props, state2, trackRef) {
|
|
|
13899
13511
|
}
|
|
13900
13512
|
};
|
|
13901
13513
|
}
|
|
13902
|
-
|
|
13903
|
-
// src/color/createColorArea.ts
|
|
13904
|
-
import { createMemo as createMemo44 } from "solid-js";
|
|
13905
13514
|
function createColorArea(props, state2, areaRef) {
|
|
13906
13515
|
const getProps = () => props();
|
|
13907
13516
|
const getState = () => state2();
|
|
@@ -14019,7 +13628,7 @@ function createColorArea(props, state2, areaRef) {
|
|
|
14019
13628
|
e.stopPropagation();
|
|
14020
13629
|
}
|
|
14021
13630
|
};
|
|
14022
|
-
const colorAreaProps =
|
|
13631
|
+
const colorAreaProps = createMemo(() => {
|
|
14023
13632
|
const s = getState();
|
|
14024
13633
|
const p = getProps();
|
|
14025
13634
|
return {
|
|
@@ -14038,7 +13647,7 @@ function createColorArea(props, state2, areaRef) {
|
|
|
14038
13647
|
"data-disabled": s.isDisabled || p.isDisabled || void 0
|
|
14039
13648
|
};
|
|
14040
13649
|
});
|
|
14041
|
-
const gradientProps =
|
|
13650
|
+
const gradientProps = createMemo(() => {
|
|
14042
13651
|
return {
|
|
14043
13652
|
role: "presentation",
|
|
14044
13653
|
style: {
|
|
@@ -14047,7 +13656,7 @@ function createColorArea(props, state2, areaRef) {
|
|
|
14047
13656
|
}
|
|
14048
13657
|
};
|
|
14049
13658
|
});
|
|
14050
|
-
const thumbProps =
|
|
13659
|
+
const thumbProps = createMemo(() => {
|
|
14051
13660
|
const s = getState();
|
|
14052
13661
|
const p = getProps();
|
|
14053
13662
|
const pos = s.getThumbPosition();
|
|
@@ -14064,7 +13673,7 @@ function createColorArea(props, state2, areaRef) {
|
|
|
14064
13673
|
"data-disabled": s.isDisabled || p.isDisabled || void 0
|
|
14065
13674
|
};
|
|
14066
13675
|
});
|
|
14067
|
-
const xInputProps =
|
|
13676
|
+
const xInputProps = createMemo(() => {
|
|
14068
13677
|
const s = getState();
|
|
14069
13678
|
const p = getProps();
|
|
14070
13679
|
const xRange = s.value.getChannelRange(s.xChannel);
|
|
@@ -14103,7 +13712,7 @@ function createColorArea(props, state2, areaRef) {
|
|
|
14103
13712
|
}
|
|
14104
13713
|
};
|
|
14105
13714
|
});
|
|
14106
|
-
const yInputProps =
|
|
13715
|
+
const yInputProps = createMemo(() => {
|
|
14107
13716
|
const s = getState();
|
|
14108
13717
|
const p = getProps();
|
|
14109
13718
|
const yRange = s.value.getChannelRange(s.yChannel);
|
|
@@ -14156,9 +13765,6 @@ function createColorArea(props, state2, areaRef) {
|
|
|
14156
13765
|
}
|
|
14157
13766
|
};
|
|
14158
13767
|
}
|
|
14159
|
-
|
|
14160
|
-
// src/color/createColorWheel.ts
|
|
14161
|
-
import { createMemo as createMemo45 } from "solid-js";
|
|
14162
13768
|
function createColorWheel(props, state2, wheelRef) {
|
|
14163
13769
|
const getProps = () => props();
|
|
14164
13770
|
const getState = () => state2();
|
|
@@ -14226,7 +13832,7 @@ function createColorWheel(props, state2, wheelRef) {
|
|
|
14226
13832
|
e.stopPropagation();
|
|
14227
13833
|
}
|
|
14228
13834
|
};
|
|
14229
|
-
const trackProps =
|
|
13835
|
+
const trackProps = createMemo(() => {
|
|
14230
13836
|
const s = getState();
|
|
14231
13837
|
const p = getProps();
|
|
14232
13838
|
return {
|
|
@@ -14241,7 +13847,7 @@ function createColorWheel(props, state2, wheelRef) {
|
|
|
14241
13847
|
"data-disabled": s.isDisabled || p.isDisabled || void 0
|
|
14242
13848
|
};
|
|
14243
13849
|
});
|
|
14244
|
-
const thumbProps =
|
|
13850
|
+
const thumbProps = createMemo(() => {
|
|
14245
13851
|
const s = getState();
|
|
14246
13852
|
const p = getProps();
|
|
14247
13853
|
const angle = s.getThumbAngle();
|
|
@@ -14262,7 +13868,7 @@ function createColorWheel(props, state2, wheelRef) {
|
|
|
14262
13868
|
"data-disabled": s.isDisabled || p.isDisabled || void 0
|
|
14263
13869
|
};
|
|
14264
13870
|
});
|
|
14265
|
-
const inputProps =
|
|
13871
|
+
const inputProps = createMemo(() => {
|
|
14266
13872
|
const s = getState();
|
|
14267
13873
|
const p = getProps();
|
|
14268
13874
|
return {
|
|
@@ -14312,9 +13918,6 @@ function createColorWheel(props, state2, wheelRef) {
|
|
|
14312
13918
|
}
|
|
14313
13919
|
};
|
|
14314
13920
|
}
|
|
14315
|
-
|
|
14316
|
-
// src/color/createColorField.ts
|
|
14317
|
-
import { createMemo as createMemo46 } from "solid-js";
|
|
14318
13921
|
function createColorField(props, state2, _inputRef) {
|
|
14319
13922
|
const getProps = () => props();
|
|
14320
13923
|
const getState = () => state2();
|
|
@@ -14360,13 +13963,13 @@ function createColorField(props, state2, _inputRef) {
|
|
|
14360
13963
|
e.preventDefault();
|
|
14361
13964
|
}
|
|
14362
13965
|
};
|
|
14363
|
-
const labelProps =
|
|
13966
|
+
const labelProps = createMemo(() => {
|
|
14364
13967
|
return {
|
|
14365
13968
|
id: labelId,
|
|
14366
13969
|
for: inputId
|
|
14367
13970
|
};
|
|
14368
13971
|
});
|
|
14369
|
-
const inputProps =
|
|
13972
|
+
const inputProps = createMemo(() => {
|
|
14370
13973
|
const s = getState();
|
|
14371
13974
|
const p = getProps();
|
|
14372
13975
|
const channelLabel = s.channel && s.value ? s.value.getChannelName(s.channel, "en-US") : void 0;
|
|
@@ -14407,13 +14010,9 @@ function createColorField(props, state2, _inputRef) {
|
|
|
14407
14010
|
}
|
|
14408
14011
|
};
|
|
14409
14012
|
}
|
|
14410
|
-
|
|
14411
|
-
// src/color/createColorSwatch.ts
|
|
14412
|
-
import { createMemo as createMemo47 } from "solid-js";
|
|
14413
|
-
import { normalizeColor } from "@proyecto-viviana/solid-stately";
|
|
14414
14013
|
function createColorSwatch(props) {
|
|
14415
14014
|
const getProps = () => props();
|
|
14416
|
-
const swatchProps =
|
|
14015
|
+
const swatchProps = createMemo(() => {
|
|
14417
14016
|
const p = getProps();
|
|
14418
14017
|
const color = normalizeColor(p.color);
|
|
14419
14018
|
const colorName = color.getColorName("en-US");
|
|
@@ -14433,10 +14032,6 @@ function createColorSwatch(props) {
|
|
|
14433
14032
|
};
|
|
14434
14033
|
}
|
|
14435
14034
|
|
|
14436
|
-
// src/dnd/createDrag.ts
|
|
14437
|
-
import { createMemo as createMemo48 } from "solid-js";
|
|
14438
|
-
import { createDragState } from "@proyecto-viviana/solid-stately";
|
|
14439
|
-
|
|
14440
14035
|
// src/dnd/utils.ts
|
|
14441
14036
|
var NATIVE_DRAG_TYPES = /* @__PURE__ */ new Set([
|
|
14442
14037
|
"text/plain",
|
|
@@ -14639,7 +14234,7 @@ function getGlobalAllowedDropOperations() {
|
|
|
14639
14234
|
|
|
14640
14235
|
// src/dnd/createDrag.ts
|
|
14641
14236
|
function createDrag(props) {
|
|
14642
|
-
const getProps =
|
|
14237
|
+
const getProps = createMemo(() => props());
|
|
14643
14238
|
const state2 = createDragState(() => ({
|
|
14644
14239
|
getItems: getProps().getItems,
|
|
14645
14240
|
getAllowedDropOperations: getProps().getAllowedDropOperations,
|
|
@@ -14730,7 +14325,7 @@ function createDrag(props) {
|
|
|
14730
14325
|
state2.startDrag(rect.x + rect.width / 2, rect.y + rect.height / 2);
|
|
14731
14326
|
}
|
|
14732
14327
|
};
|
|
14733
|
-
const dragProps =
|
|
14328
|
+
const dragProps = createMemo(() => {
|
|
14734
14329
|
const p = getProps();
|
|
14735
14330
|
if (p.isDisabled) {
|
|
14736
14331
|
return {
|
|
@@ -14749,7 +14344,7 @@ function createDrag(props) {
|
|
|
14749
14344
|
}
|
|
14750
14345
|
return baseProps;
|
|
14751
14346
|
});
|
|
14752
|
-
const dragButtonProps =
|
|
14347
|
+
const dragButtonProps = createMemo(() => {
|
|
14753
14348
|
const p = getProps();
|
|
14754
14349
|
if (p.isDisabled) {
|
|
14755
14350
|
return {
|
|
@@ -14775,13 +14370,9 @@ function createDrag(props) {
|
|
|
14775
14370
|
}
|
|
14776
14371
|
};
|
|
14777
14372
|
}
|
|
14778
|
-
|
|
14779
|
-
// src/dnd/createDrop.ts
|
|
14780
|
-
import { createMemo as createMemo49 } from "solid-js";
|
|
14781
|
-
import { createDropState } from "@proyecto-viviana/solid-stately";
|
|
14782
14373
|
var DROP_ACTIVATE_TIMEOUT = 800;
|
|
14783
14374
|
function createDrop(props) {
|
|
14784
|
-
const getProps =
|
|
14375
|
+
const getProps = createMemo(() => props());
|
|
14785
14376
|
const state2 = createDropState(() => ({
|
|
14786
14377
|
getDropOperation: getProps().getDropOperation,
|
|
14787
14378
|
onDropEnter: getProps().onDropEnter,
|
|
@@ -14965,7 +14556,7 @@ function createDrop(props) {
|
|
|
14965
14556
|
fireDropExit(e);
|
|
14966
14557
|
clearTimeout(dropActivateTimer);
|
|
14967
14558
|
};
|
|
14968
|
-
const dropProps =
|
|
14559
|
+
const dropProps = createMemo(() => {
|
|
14969
14560
|
const p = getProps();
|
|
14970
14561
|
if (p.isDisabled) {
|
|
14971
14562
|
return {};
|
|
@@ -14978,7 +14569,7 @@ function createDrop(props) {
|
|
|
14978
14569
|
};
|
|
14979
14570
|
return baseProps;
|
|
14980
14571
|
});
|
|
14981
|
-
const dropButtonProps =
|
|
14572
|
+
const dropButtonProps = createMemo(() => {
|
|
14982
14573
|
const p = getProps();
|
|
14983
14574
|
if (p.isDisabled) {
|
|
14984
14575
|
return {
|
|
@@ -15002,9 +14593,6 @@ function createDrop(props) {
|
|
|
15002
14593
|
}
|
|
15003
14594
|
};
|
|
15004
14595
|
}
|
|
15005
|
-
|
|
15006
|
-
// src/dnd/createDraggableCollection.ts
|
|
15007
|
-
import { createMemo as createMemo50, createEffect as createEffect35, onCleanup as onCleanup37 } from "solid-js";
|
|
15008
14596
|
var globalDraggingCollectionRef = null;
|
|
15009
14597
|
function setGlobalDraggingCollectionRef(ref) {
|
|
15010
14598
|
globalDraggingCollectionRef = ref;
|
|
@@ -15013,14 +14601,14 @@ function getGlobalDraggingCollectionRef() {
|
|
|
15013
14601
|
return globalDraggingCollectionRef;
|
|
15014
14602
|
}
|
|
15015
14603
|
function createDraggableCollection(options, state2) {
|
|
15016
|
-
const ref =
|
|
15017
|
-
|
|
14604
|
+
const ref = createMemo(() => options.ref());
|
|
14605
|
+
createEffect(() => {
|
|
15018
14606
|
const currentRef = ref();
|
|
15019
14607
|
if (state2.draggingKeys.size > 0 && globalDraggingCollectionRef !== currentRef) {
|
|
15020
14608
|
setGlobalDraggingCollectionRef(currentRef);
|
|
15021
14609
|
}
|
|
15022
14610
|
});
|
|
15023
|
-
|
|
14611
|
+
onCleanup(() => {
|
|
15024
14612
|
if (globalDraggingCollectionRef === ref()) {
|
|
15025
14613
|
setGlobalDraggingCollectionRef(null);
|
|
15026
14614
|
}
|
|
@@ -15029,9 +14617,6 @@ function createDraggableCollection(options, state2) {
|
|
|
15029
14617
|
state: state2
|
|
15030
14618
|
};
|
|
15031
14619
|
}
|
|
15032
|
-
|
|
15033
|
-
// src/dnd/createDroppableCollection.ts
|
|
15034
|
-
import { createMemo as createMemo51, onCleanup as onCleanup38 } from "solid-js";
|
|
15035
14620
|
var globalDropCollectionRef = null;
|
|
15036
14621
|
function setGlobalDropCollectionRef(ref) {
|
|
15037
14622
|
globalDropCollectionRef = ref;
|
|
@@ -15040,7 +14625,7 @@ function getGlobalDropCollectionRef() {
|
|
|
15040
14625
|
return globalDropCollectionRef;
|
|
15041
14626
|
}
|
|
15042
14627
|
function createDroppableCollection(options, state2) {
|
|
15043
|
-
const getOptions =
|
|
14628
|
+
const getOptions = createMemo(() => options());
|
|
15044
14629
|
let nextTarget = null;
|
|
15045
14630
|
let currentDropOperation = null;
|
|
15046
14631
|
const isInternalDropOperation = () => {
|
|
@@ -15172,13 +14757,13 @@ function createDroppableCollection(options, state2) {
|
|
|
15172
14757
|
}
|
|
15173
14758
|
}
|
|
15174
14759
|
};
|
|
15175
|
-
|
|
14760
|
+
onCleanup(() => {
|
|
15176
14761
|
const ref = getOptions().ref();
|
|
15177
14762
|
if (globalDropCollectionRef === ref) {
|
|
15178
14763
|
setGlobalDropCollectionRef(null);
|
|
15179
14764
|
}
|
|
15180
14765
|
});
|
|
15181
|
-
const collectionProps =
|
|
14766
|
+
const collectionProps = createMemo(() => {
|
|
15182
14767
|
const baseDropProps = drop.dropProps;
|
|
15183
14768
|
return {
|
|
15184
14769
|
...baseDropProps
|
|
@@ -15190,14 +14775,11 @@ function createDroppableCollection(options, state2) {
|
|
|
15190
14775
|
}
|
|
15191
14776
|
};
|
|
15192
14777
|
}
|
|
15193
|
-
|
|
15194
|
-
// src/dnd/createDraggableItem.ts
|
|
15195
|
-
import { createMemo as createMemo52 } from "solid-js";
|
|
15196
14778
|
function createDraggableItem(options, state2) {
|
|
15197
|
-
const getOptions =
|
|
14779
|
+
const getOptions = createMemo(() => options());
|
|
15198
14780
|
let lastX = 0;
|
|
15199
14781
|
let lastY = 0;
|
|
15200
|
-
const isDragging =
|
|
14782
|
+
const isDragging = createMemo(() => {
|
|
15201
14783
|
const key = getOptions().key;
|
|
15202
14784
|
return state2.draggingKeys.has(key);
|
|
15203
14785
|
});
|
|
@@ -15289,7 +14871,7 @@ function createDraggableItem(options, state2) {
|
|
|
15289
14871
|
state2.startDrag(keys, rect.x + rect.width / 2, rect.y + rect.height / 2);
|
|
15290
14872
|
}
|
|
15291
14873
|
};
|
|
15292
|
-
const dragProps =
|
|
14874
|
+
const dragProps = createMemo(() => {
|
|
15293
14875
|
const opts = getOptions();
|
|
15294
14876
|
if (opts.isDisabled || state2.isDisabled) {
|
|
15295
14877
|
return {
|
|
@@ -15308,7 +14890,7 @@ function createDraggableItem(options, state2) {
|
|
|
15308
14890
|
}
|
|
15309
14891
|
return baseProps;
|
|
15310
14892
|
});
|
|
15311
|
-
const dragButtonProps =
|
|
14893
|
+
const dragButtonProps = createMemo(() => {
|
|
15312
14894
|
const opts = getOptions();
|
|
15313
14895
|
if (opts.isDisabled || state2.isDisabled) {
|
|
15314
14896
|
return {
|
|
@@ -15334,12 +14916,9 @@ function createDraggableItem(options, state2) {
|
|
|
15334
14916
|
}
|
|
15335
14917
|
};
|
|
15336
14918
|
}
|
|
15337
|
-
|
|
15338
|
-
// src/dnd/createDroppableItem.ts
|
|
15339
|
-
import { createMemo as createMemo53 } from "solid-js";
|
|
15340
14919
|
function createDroppableItem(options, state2) {
|
|
15341
|
-
const getOptions =
|
|
15342
|
-
const isDropTarget =
|
|
14920
|
+
const getOptions = createMemo(() => options());
|
|
14921
|
+
const isDropTarget = createMemo(() => {
|
|
15343
14922
|
const { key } = getOptions();
|
|
15344
14923
|
const target = state2.target;
|
|
15345
14924
|
return target?.type === "item" && target.key === key;
|
|
@@ -15428,9 +15007,7 @@ function createDroppableItem(options, state2) {
|
|
|
15428
15007
|
const relatedTarget = e.relatedTarget;
|
|
15429
15008
|
const currentTarget = e.currentTarget;
|
|
15430
15009
|
if (!relatedTarget || !currentTarget.contains(relatedTarget)) {
|
|
15431
|
-
|
|
15432
|
-
if (state2.target?.type === "item" && state2.target.key === key) {
|
|
15433
|
-
}
|
|
15010
|
+
getOptions();
|
|
15434
15011
|
}
|
|
15435
15012
|
};
|
|
15436
15013
|
const onDrop = (e) => {
|
|
@@ -15438,7 +15015,7 @@ function createDroppableItem(options, state2) {
|
|
|
15438
15015
|
e.stopPropagation();
|
|
15439
15016
|
clearTimeout(dropActivateTimer);
|
|
15440
15017
|
};
|
|
15441
|
-
const dropProps =
|
|
15018
|
+
const dropProps = createMemo(() => {
|
|
15442
15019
|
const opts = getOptions();
|
|
15443
15020
|
if (opts.isDisabled) {
|
|
15444
15021
|
return {};
|
|
@@ -15459,9 +15036,6 @@ function createDroppableItem(options, state2) {
|
|
|
15459
15036
|
}
|
|
15460
15037
|
};
|
|
15461
15038
|
}
|
|
15462
|
-
|
|
15463
|
-
// src/landmark/createLandmark.ts
|
|
15464
|
-
import { createEffect as createEffect36, onCleanup as onCleanup39 } from "solid-js";
|
|
15465
15039
|
var LandmarkManager = class {
|
|
15466
15040
|
landmarks = [];
|
|
15467
15041
|
currentIndex = -1;
|
|
@@ -15524,12 +15098,7 @@ var LandmarkManager = class {
|
|
|
15524
15098
|
for (const [role, group] of roleGroups) {
|
|
15525
15099
|
if (group.length > 1) {
|
|
15526
15100
|
const labels = group.map((l) => l.label);
|
|
15527
|
-
|
|
15528
|
-
if (uniqueLabels.size < group.length) {
|
|
15529
|
-
console.warn(
|
|
15530
|
-
`Multiple landmarks with role "${role}" exist. Each should have a unique aria-label or aria-labelledby.`
|
|
15531
|
-
);
|
|
15532
|
-
}
|
|
15101
|
+
new Set(labels.filter(Boolean));
|
|
15533
15102
|
}
|
|
15534
15103
|
}
|
|
15535
15104
|
}
|
|
@@ -15618,7 +15187,7 @@ function getLandmarkManager() {
|
|
|
15618
15187
|
return landmarkManager;
|
|
15619
15188
|
}
|
|
15620
15189
|
function createLandmark(props, ref) {
|
|
15621
|
-
|
|
15190
|
+
createEffect(() => {
|
|
15622
15191
|
const element = ref();
|
|
15623
15192
|
if (!element) return;
|
|
15624
15193
|
const p = access(props);
|
|
@@ -15630,7 +15199,7 @@ function createLandmark(props, ref) {
|
|
|
15630
15199
|
};
|
|
15631
15200
|
const manager = getLandmarkManager();
|
|
15632
15201
|
manager.register(entry);
|
|
15633
|
-
|
|
15202
|
+
onCleanup(() => {
|
|
15634
15203
|
manager.unregister(element);
|
|
15635
15204
|
});
|
|
15636
15205
|
});
|
|
@@ -15651,9 +15220,6 @@ function createLandmark(props, ref) {
|
|
|
15651
15220
|
function getLandmarkController() {
|
|
15652
15221
|
return getLandmarkManager().getController();
|
|
15653
15222
|
}
|
|
15654
|
-
|
|
15655
|
-
// src/visually-hidden/createVisuallyHidden.ts
|
|
15656
|
-
import { createMemo as createMemo54, createSignal as createSignal28 } from "solid-js";
|
|
15657
15223
|
var visuallyHiddenStyles = {
|
|
15658
15224
|
border: "0",
|
|
15659
15225
|
clip: "rect(0 0 0 0)",
|
|
@@ -15667,7 +15233,7 @@ var visuallyHiddenStyles = {
|
|
|
15667
15233
|
"white-space": "nowrap"
|
|
15668
15234
|
};
|
|
15669
15235
|
function createVisuallyHidden(props = {}) {
|
|
15670
|
-
const [isFocused, setIsFocused] =
|
|
15236
|
+
const [isFocused, setIsFocused] = createSignal(false);
|
|
15671
15237
|
const isFocusable2 = () => access(props).isFocusable ?? false;
|
|
15672
15238
|
const style = () => access(props).style;
|
|
15673
15239
|
const { focusWithinProps } = createFocusWithin({
|
|
@@ -15676,7 +15242,7 @@ function createVisuallyHidden(props = {}) {
|
|
|
15676
15242
|
},
|
|
15677
15243
|
onFocusWithinChange: (val) => setIsFocused(val)
|
|
15678
15244
|
});
|
|
15679
|
-
const combinedStyles =
|
|
15245
|
+
const combinedStyles = createMemo(() => {
|
|
15680
15246
|
if (isFocused()) {
|
|
15681
15247
|
return style() ?? {};
|
|
15682
15248
|
} else if (style()) {
|
|
@@ -15685,7 +15251,7 @@ function createVisuallyHidden(props = {}) {
|
|
|
15685
15251
|
return visuallyHiddenStyles;
|
|
15686
15252
|
}
|
|
15687
15253
|
});
|
|
15688
|
-
const visuallyHiddenProps =
|
|
15254
|
+
const visuallyHiddenProps = createMemo(() => ({
|
|
15689
15255
|
...focusWithinProps,
|
|
15690
15256
|
style: combinedStyles()
|
|
15691
15257
|
}));
|
|
@@ -15693,11 +15259,8 @@ function createVisuallyHidden(props = {}) {
|
|
|
15693
15259
|
visuallyHiddenProps
|
|
15694
15260
|
};
|
|
15695
15261
|
}
|
|
15696
|
-
|
|
15697
|
-
// src/form/createFormReset.ts
|
|
15698
|
-
import { createEffect as createEffect37, onCleanup as onCleanup40 } from "solid-js";
|
|
15699
15262
|
function createFormReset(ref, defaultValue, onReset) {
|
|
15700
|
-
|
|
15263
|
+
createEffect(() => {
|
|
15701
15264
|
const element = ref();
|
|
15702
15265
|
if (!element) return;
|
|
15703
15266
|
const form = element.form;
|
|
@@ -15706,208 +15269,10 @@ function createFormReset(ref, defaultValue, onReset) {
|
|
|
15706
15269
|
onReset(defaultValue);
|
|
15707
15270
|
};
|
|
15708
15271
|
form.addEventListener("reset", handleReset);
|
|
15709
|
-
|
|
15272
|
+
onCleanup(() => {
|
|
15710
15273
|
form.removeEventListener("reset", handleReset);
|
|
15711
15274
|
});
|
|
15712
15275
|
});
|
|
15713
15276
|
}
|
|
15714
|
-
|
|
15715
|
-
|
|
15716
|
-
AUTOCOMPLETE_FOCUS_EVENT,
|
|
15717
|
-
CUSTOM_DRAG_TYPE,
|
|
15718
|
-
DROP_EFFECT_TO_DROP_OPERATION,
|
|
15719
|
-
DROP_OPERATION,
|
|
15720
|
-
DROP_OPERATION_ALLOWED,
|
|
15721
|
-
DROP_OPERATION_TO_DROP_EFFECT,
|
|
15722
|
-
DragTypesImpl,
|
|
15723
|
-
EFFECT_ALLOWED,
|
|
15724
|
-
FocusScope,
|
|
15725
|
-
GENERIC_TYPE,
|
|
15726
|
-
GridKeyboardDelegate,
|
|
15727
|
-
HiddenSelect,
|
|
15728
|
-
I18nProvider,
|
|
15729
|
-
ModalProvider,
|
|
15730
|
-
NATIVE_DRAG_TYPES,
|
|
15731
|
-
NumberFormatter,
|
|
15732
|
-
OverlayContainer,
|
|
15733
|
-
OverlayProvider,
|
|
15734
|
-
SSRProvider,
|
|
15735
|
-
access,
|
|
15736
|
-
addWindowFocusTracking,
|
|
15737
|
-
announce,
|
|
15738
|
-
ariaHideOutside,
|
|
15739
|
-
calculatePosition,
|
|
15740
|
-
canUseDOM,
|
|
15741
|
-
checkboxGroupData,
|
|
15742
|
-
clearAnnouncer,
|
|
15743
|
-
clearAutoFocusQueue,
|
|
15744
|
-
clearFocusStack,
|
|
15745
|
-
createAutoFocus,
|
|
15746
|
-
createAutocomplete,
|
|
15747
|
-
createBreadcrumbItem,
|
|
15748
|
-
createBreadcrumbs,
|
|
15749
|
-
createBrowserEffect,
|
|
15750
|
-
createBrowserValue,
|
|
15751
|
-
createButton,
|
|
15752
|
-
createCalendar,
|
|
15753
|
-
createCalendarCell,
|
|
15754
|
-
createCalendarGrid,
|
|
15755
|
-
createCheckbox,
|
|
15756
|
-
createCheckboxGroup,
|
|
15757
|
-
createCheckboxGroupItem,
|
|
15758
|
-
createCheckboxGroupState,
|
|
15759
|
-
createCollator,
|
|
15760
|
-
createColorArea,
|
|
15761
|
-
createColorField,
|
|
15762
|
-
createColorSlider,
|
|
15763
|
-
createColorSwatch,
|
|
15764
|
-
createColorWheel,
|
|
15765
|
-
createComboBox,
|
|
15766
|
-
createDateField,
|
|
15767
|
-
createDateFormatter,
|
|
15768
|
-
createDatePicker,
|
|
15769
|
-
createDateSegment,
|
|
15770
|
-
createDefaultLocale,
|
|
15771
|
-
createDescription,
|
|
15772
|
-
createDialog,
|
|
15773
|
-
createDisclosure,
|
|
15774
|
-
createDisclosureGroup,
|
|
15775
|
-
createDrag,
|
|
15776
|
-
createDraggableCollection,
|
|
15777
|
-
createDraggableItem,
|
|
15778
|
-
createDrop,
|
|
15779
|
-
createDroppableCollection,
|
|
15780
|
-
createDroppableItem,
|
|
15781
|
-
createField,
|
|
15782
|
-
createFilter,
|
|
15783
|
-
createFocusRestore,
|
|
15784
|
-
createFocusRing,
|
|
15785
|
-
createFocusVisible,
|
|
15786
|
-
createFocusVisibleListener,
|
|
15787
|
-
createFocusable,
|
|
15788
|
-
createFormReset,
|
|
15789
|
-
createFormValidation,
|
|
15790
|
-
createGrid,
|
|
15791
|
-
createGridCell,
|
|
15792
|
-
createGridList,
|
|
15793
|
-
createGridListItem,
|
|
15794
|
-
createGridListSelectionCheckbox,
|
|
15795
|
-
createGridRow,
|
|
15796
|
-
createHiddenSelect,
|
|
15797
|
-
createHover,
|
|
15798
|
-
createHydrationState,
|
|
15799
|
-
createId,
|
|
15800
|
-
createInteractOutside,
|
|
15801
|
-
createIsSSR,
|
|
15802
|
-
createLabel,
|
|
15803
|
-
createLabels,
|
|
15804
|
-
createLandmark,
|
|
15805
|
-
createLink,
|
|
15806
|
-
createListBox,
|
|
15807
|
-
createLongPress,
|
|
15808
|
-
createMenu,
|
|
15809
|
-
createMenuItem,
|
|
15810
|
-
createMenuTrigger,
|
|
15811
|
-
createMeter,
|
|
15812
|
-
createModal,
|
|
15813
|
-
createMove,
|
|
15814
|
-
createNumberField,
|
|
15815
|
-
createNumberFormatter,
|
|
15816
|
-
createOption,
|
|
15817
|
-
createOverlay,
|
|
15818
|
-
createOverlayPosition,
|
|
15819
|
-
createOverlayTrigger,
|
|
15820
|
-
createPopover,
|
|
15821
|
-
createPress,
|
|
15822
|
-
createPreventScroll,
|
|
15823
|
-
createProgressBar,
|
|
15824
|
-
createRadio,
|
|
15825
|
-
createRadioGroup,
|
|
15826
|
-
createRadioGroupState,
|
|
15827
|
-
createRangeCalendar,
|
|
15828
|
-
createRangeCalendarCell,
|
|
15829
|
-
createSearchField,
|
|
15830
|
-
createSelect,
|
|
15831
|
-
createSeparator,
|
|
15832
|
-
createSlider,
|
|
15833
|
-
createSwitch,
|
|
15834
|
-
createTab,
|
|
15835
|
-
createTabList,
|
|
15836
|
-
createTabPanel,
|
|
15837
|
-
createTable,
|
|
15838
|
-
createTableCell,
|
|
15839
|
-
createTableColumnHeader,
|
|
15840
|
-
createTableHeaderRow,
|
|
15841
|
-
createTableRow,
|
|
15842
|
-
createTableRowGroup,
|
|
15843
|
-
createTableSelectAllCheckbox,
|
|
15844
|
-
createTableSelectionCheckbox,
|
|
15845
|
-
createTag,
|
|
15846
|
-
createTagGroup,
|
|
15847
|
-
createTextField,
|
|
15848
|
-
createTimeField,
|
|
15849
|
-
createToast,
|
|
15850
|
-
createToastRegion,
|
|
15851
|
-
createToggle,
|
|
15852
|
-
createToggleButton,
|
|
15853
|
-
createToggleState,
|
|
15854
|
-
createToolbar,
|
|
15855
|
-
createTooltip,
|
|
15856
|
-
createTooltipTrigger,
|
|
15857
|
-
createTree,
|
|
15858
|
-
createTreeItem,
|
|
15859
|
-
createTreeSelectionCheckbox,
|
|
15860
|
-
createTypeSelect,
|
|
15861
|
-
createVirtualFocus,
|
|
15862
|
-
createVisuallyHidden,
|
|
15863
|
-
destroyAnnouncer,
|
|
15864
|
-
filterDOMProps,
|
|
15865
|
-
getAutoFocusQueueLength,
|
|
15866
|
-
getComboBoxData,
|
|
15867
|
-
getDefaultLocale,
|
|
15868
|
-
getDocument,
|
|
15869
|
-
getFocusStackLength,
|
|
15870
|
-
getGlobalAllowedDropOperations,
|
|
15871
|
-
getGlobalDraggingCollectionRef,
|
|
15872
|
-
getGlobalDropCollectionRef,
|
|
15873
|
-
getGlobalDropEffect,
|
|
15874
|
-
getGridData,
|
|
15875
|
-
getGridListData,
|
|
15876
|
-
getLandmarkController,
|
|
15877
|
-
getListBoxData,
|
|
15878
|
-
getMenuData,
|
|
15879
|
-
getOwnerDocument2 as getOwnerDocument,
|
|
15880
|
-
getOwnerWindow2 as getOwnerWindow,
|
|
15881
|
-
getPortalContainer,
|
|
15882
|
-
getSelectData,
|
|
15883
|
-
getTableData,
|
|
15884
|
-
getTagGroupData,
|
|
15885
|
-
getTreeData,
|
|
15886
|
-
getTypes,
|
|
15887
|
-
getWindow,
|
|
15888
|
-
isAccessor,
|
|
15889
|
-
isDirectoryDropItem,
|
|
15890
|
-
isFileDropItem,
|
|
15891
|
-
isFocusVisible,
|
|
15892
|
-
isRTL,
|
|
15893
|
-
isTextDropItem,
|
|
15894
|
-
keepVisible,
|
|
15895
|
-
mergeProps,
|
|
15896
|
-
onCloseMap,
|
|
15897
|
-
popFocusStack,
|
|
15898
|
-
pushFocusStack,
|
|
15899
|
-
radioGroupData,
|
|
15900
|
-
readFromDataTransfer,
|
|
15901
|
-
setGlobalAllowedDropOperations,
|
|
15902
|
-
setGlobalDraggingCollectionRef,
|
|
15903
|
-
setGlobalDropCollectionRef,
|
|
15904
|
-
setGlobalDropEffect,
|
|
15905
|
-
useAnnouncer,
|
|
15906
|
-
useFocusManager,
|
|
15907
|
-
useIsSSR,
|
|
15908
|
-
useLocale,
|
|
15909
|
-
useModalProvider,
|
|
15910
|
-
visuallyHiddenStyles,
|
|
15911
|
-
writeToDataTransfer
|
|
15912
|
-
};
|
|
15913
|
-
//# sourceMappingURL=index.js.map
|
|
15277
|
+
|
|
15278
|
+
export { AUTOCOMPLETE_CLEAR_FOCUS_EVENT, AUTOCOMPLETE_FOCUS_EVENT, CUSTOM_DRAG_TYPE, DROP_EFFECT_TO_DROP_OPERATION, DROP_OPERATION, DROP_OPERATION_ALLOWED, DROP_OPERATION_TO_DROP_EFFECT, DragTypesImpl, EFFECT_ALLOWED, FocusScope, GENERIC_TYPE, GridKeyboardDelegate, HiddenSelect, I18nProvider, ModalProvider, NATIVE_DRAG_TYPES, NumberFormatter, OverlayContainer, OverlayProvider, SSRProvider, access, addWindowFocusTracking, announce, ariaHideOutside, calculatePosition, canUseDOM, checkboxGroupData, clearAnnouncer, clearAutoFocusQueue, clearFocusStack, createAutoFocus, createAutocomplete, createBreadcrumbItem, createBreadcrumbs, createBrowserEffect, createBrowserValue, createButton, createCalendar, createCalendarCell, createCalendarGrid, createCheckbox, createCheckboxGroup, createCheckboxGroupItem, createCollator, createColorArea, createColorField, createColorSlider, createColorSwatch, createColorWheel, createComboBox, createDateField, createDateFormatter, createDatePicker, createDateSegment, createDefaultLocale, createDescription, createDialog, createDisclosure, createDisclosureGroup, createDrag, createDraggableCollection, createDraggableItem, createDrop, createDroppableCollection, createDroppableItem, createField, createFilter, createFocusRestore, createFocusRing, createFocusVisible, createFocusVisibleListener, createFocusable, createFormReset, createFormValidation, createGrid, createGridCell, createGridList, createGridListItem, createGridListSelectionCheckbox, createGridRow, createHiddenSelect, createHover, createHydrationState, createId, createInteractOutside, createIsSSR, createLabel, createLabels, createLandmark, createLink, createListBox, createLongPress, createMenu, createMenuItem, createMenuTrigger, createMeter, createModal, createMove, createNumberField, createNumberFormatter, createOption, createOverlay, createOverlayPosition, createOverlayTrigger, createPopover, createPress, createPreventScroll, createProgressBar, createRadio, createRadioGroup, createRangeCalendar, createRangeCalendarCell, createSearchField, createSelect, createSeparator, createSlider, createSwitch, createTab, createTabList, createTabPanel, createTable, createTableCell, createTableColumnHeader, createTableHeaderRow, createTableRow, createTableRowGroup, createTableSelectAllCheckbox, createTableSelectionCheckbox, createTag, createTagGroup, createTextField, createTimeField, createToast, createToastRegion, createToggle, createToggleButton, createToolbar, createTooltip, createTooltipTrigger, createTree, createTreeItem, createTreeSelectionCheckbox, createTypeSelect, createVirtualFocus, createVisuallyHidden, destroyAnnouncer, filterDOMProps, getAutoFocusQueueLength, getComboBoxData, getDefaultLocale, getDocument, getFocusStackLength, getGlobalAllowedDropOperations, getGlobalDraggingCollectionRef, getGlobalDropCollectionRef, getGlobalDropEffect, getGridData, getGridListData, getLandmarkController, getListBoxData, getMenuData, getOwnerDocument2 as getOwnerDocument, getOwnerWindow2 as getOwnerWindow, getPortalContainer, getSelectData, getTableData, getTagGroupData, getTreeData, getTypes, getWindow, isAccessor, isDirectoryDropItem, isFileDropItem, isFocusVisible, isRTL, isTextDropItem, keepVisible, mergeProps, onCloseMap, popFocusStack, pushFocusStack, radioGroupData, readFromDataTransfer, setGlobalAllowedDropOperations, setGlobalDraggingCollectionRef, setGlobalDropCollectionRef, setGlobalDropEffect, useAnnouncer, useFocusManager, useIsSSR, useLocale, useModalProvider, visuallyHiddenStyles, writeToDataTransfer };
|