@radix-ng/primitives 0.42.0 → 0.44.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/accordion/index.d.ts +160 -15
- package/alert-dialog/index.d.ts +54 -14
- package/arrow/README.md +1 -0
- package/arrow/index.d.ts +11 -0
- package/aspect-ratio/index.d.ts +35 -1
- package/avatar/index.d.ts +81 -11
- package/calendar/index.d.ts +310 -29
- package/checkbox/index.d.ts +163 -15
- package/collapsible/index.d.ts +82 -11
- package/config/index.d.ts +35 -2
- package/context-menu/index.d.ts +126 -23
- package/core/index.d.ts +898 -27
- package/cropper/index.d.ts +134 -14
- package/date-field/index.d.ts +209 -10
- package/dialog/index.d.ts +202 -20
- package/dismissable-layer/README.md +1 -0
- package/dismissable-layer/index.d.ts +126 -0
- package/dropdown-menu/index.d.ts +168 -23
- package/editable/index.d.ts +70 -1
- package/fesm2022/radix-ng-primitives-accordion.mjs +36 -36
- package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs +28 -28
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-arrow.mjs +38 -0
- package/fesm2022/radix-ng-primitives-arrow.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-aspect-ratio.mjs +5 -5
- package/fesm2022/radix-ng-primitives-aspect-ratio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-avatar.mjs +20 -20
- package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-calendar.mjs +110 -95
- package/fesm2022/radix-ng-primitives-calendar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-checkbox.mjs +219 -209
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collapsible.mjs +27 -27
- package/fesm2022/radix-ng-primitives-collapsible.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-config.mjs +5 -5
- package/fesm2022/radix-ng-primitives-config.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-context-menu.mjs +34 -34
- package/fesm2022/radix-ng-primitives-context-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-core.mjs +72 -24
- package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-cropper.mjs +51 -51
- package/fesm2022/radix-ng-primitives-cropper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-date-field.mjs +48 -48
- package/fesm2022/radix-ng-primitives-date-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dialog.mjs +33 -33
- package/fesm2022/radix-ng-primitives-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dismissable-layer.mjs +418 -0
- package/fesm2022/radix-ng-primitives-dismissable-layer.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +37 -37
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-editable.mjs +21 -21
- package/fesm2022/radix-ng-primitives-editable.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-focus-guards.mjs +53 -0
- package/fesm2022/radix-ng-primitives-focus-guards.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-focus-scope.mjs +17 -9
- package/fesm2022/radix-ng-primitives-focus-scope.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-hover-card.mjs +74 -74
- package/fesm2022/radix-ng-primitives-hover-card.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-label.mjs +8 -8
- package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menu.mjs +65 -65
- package/fesm2022/radix-ng-primitives-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menubar.mjs +31 -31
- package/fesm2022/radix-ng-primitives-menubar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-navigation-menu.mjs +91 -88
- package/fesm2022/radix-ng-primitives-navigation-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-number-field.mjs +56 -43
- package/fesm2022/radix-ng-primitives-number-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-pagination.mjs +45 -45
- package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-popover.mjs +68 -68
- package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-popper.mjs +418 -0
- package/fesm2022/radix-ng-primitives-popper.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-portal.mjs +51 -0
- package/fesm2022/radix-ng-primitives-portal.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-presence.mjs +4 -4
- package/fesm2022/radix-ng-primitives-presence.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-progress.mjs +15 -15
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +30 -30
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +179 -163
- package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-select.mjs +37 -37
- package/fesm2022/radix-ng-primitives-select.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-separator.mjs +16 -14
- package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-slider.mjs +75 -75
- package/fesm2022/radix-ng-primitives-slider.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-stepper.mjs +45 -45
- package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-switch.mjs +28 -28
- package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tabs.mjs +33 -33
- package/fesm2022/radix-ng-primitives-tabs.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-time-field.mjs +78 -66
- package/fesm2022/radix-ng-primitives-time-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +22 -22
- package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle.mjs +9 -9
- package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toolbar.mjs +28 -28
- package/fesm2022/radix-ng-primitives-toolbar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tooltip.mjs +74 -74
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tooltip2.mjs +740 -0
- package/fesm2022/radix-ng-primitives-tooltip2.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +93 -98
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives.mjs.map +1 -1
- package/focus-guards/README.md +1 -0
- package/focus-guards/index.d.ts +15 -0
- package/focus-scope/index.d.ts +65 -1
- package/hover-card/index.d.ts +471 -19
- package/index.d.ts +2 -1
- package/label/index.d.ts +27 -1
- package/menu/index.d.ts +136 -26
- package/menubar/index.d.ts +53 -21
- package/navigation-menu/index.d.ts +402 -25
- package/number-field/index.d.ts +202 -16
- package/package.json +26 -5
- package/pagination/index.d.ts +96 -20
- package/popover/index.d.ts +402 -19
- package/popper/README.md +3 -0
- package/popper/index.d.ts +206 -0
- package/portal/README.md +1 -0
- package/portal/index.d.ts +22 -0
- package/presence/index.d.ts +103 -5
- package/progress/index.d.ts +76 -8
- package/radio/index.d.ts +118 -4
- package/roving-focus/index.d.ts +174 -3
- package/select/index.d.ts +211 -23
- package/separator/index.d.ts +63 -1
- package/slider/index.d.ts +262 -17
- package/stepper/index.d.ts +122 -21
- package/switch/index.d.ts +102 -9
- package/tabs/index.d.ts +111 -13
- package/time-field/index.d.ts +211 -10
- package/toggle/index.d.ts +75 -3
- package/toggle-group/index.d.ts +194 -5
- package/toolbar/index.d.ts +52 -16
- package/tooltip/index.d.ts +432 -19
- package/tooltip2/README.md +3 -0
- package/tooltip2/index.d.ts +325 -0
- package/visually-hidden/index.d.ts +65 -3
- package/accordion/src/accordion-content-presence.directive.d.ts +0 -6
- package/accordion/src/accordion-content.directive.d.ts +0 -8
- package/accordion/src/accordion-header.directive.d.ts +0 -7
- package/accordion/src/accordion-item.directive.d.ts +0 -43
- package/accordion/src/accordion-root.directive.d.ts +0 -83
- package/accordion/src/accordion-trigger.directive.d.ts +0 -10
- package/alert-dialog/src/alert-dialog-cancel.directive.d.ts +0 -7
- package/alert-dialog/src/alert-dialog-content.directive.d.ts +0 -9
- package/alert-dialog/src/alert-dialog-root.directive.d.ts +0 -9
- package/alert-dialog/src/alert-dialog-title.directive.d.ts +0 -5
- package/alert-dialog/src/alert-dialog-trigger.directive.d.ts +0 -7
- package/alert-dialog/src/alert-dialog.service.d.ts +0 -14
- package/aspect-ratio/src/aspect-ratio.directive.d.ts +0 -32
- package/avatar/src/avatar-context.token.d.ts +0 -7
- package/avatar/src/avatar-fallback.directive.d.ts +0 -20
- package/avatar/src/avatar-image.directive.d.ts +0 -29
- package/avatar/src/avatar-root.directive.d.ts +0 -8
- package/avatar/src/avatar.config.d.ts +0 -13
- package/avatar/src/types.d.ts +0 -2
- package/calendar/src/calendar-cell-trigger.directive.d.ts +0 -54
- package/calendar/src/calendar-cell.directive.d.ts +0 -11
- package/calendar/src/calendar-grid-body.directive.d.ts +0 -5
- package/calendar/src/calendar-grid-head.directive.d.ts +0 -5
- package/calendar/src/calendar-grid-row.directive.d.ts +0 -5
- package/calendar/src/calendar-grid.directive.d.ts +0 -8
- package/calendar/src/calendar-head-cell.directive.d.ts +0 -5
- package/calendar/src/calendar-header.directive.d.ts +0 -5
- package/calendar/src/calendar-heading.directive.d.ts +0 -7
- package/calendar/src/calendar-next.directive.d.ts +0 -16
- package/calendar/src/calendar-prev.directive.d.ts +0 -16
- package/calendar/src/calendar-root.directive.d.ts +0 -148
- package/calendar/src/calendar.d.ts +0 -44
- package/calendar/src//321/201alendar-/321/201ontext.token.d.ts +0 -24
- package/checkbox/src/checkbox-button.directive.d.ts +0 -8
- package/checkbox/src/checkbox-indicator.directive.d.ts +0 -6
- package/checkbox/src/checkbox-input.directive.d.ts +0 -10
- package/checkbox/src/checkbox.directive.d.ts +0 -86
- package/checkbox/src/checkbox.token.d.ts +0 -4
- package/collapsible/src/collapsible-content-presence.directive.d.ts +0 -6
- package/collapsible/src/collapsible-content.directive.d.ts +0 -18
- package/collapsible/src/collapsible-root.directive.d.ts +0 -44
- package/collapsible/src/collapsible-trigger.directive.d.ts +0 -6
- package/config/src/config.d.ts +0 -21
- package/config/src/config.provider.d.ts +0 -10
- package/context-menu/src/context-menu-content.directive.d.ts +0 -15
- package/context-menu/src/context-menu-item-checkbox.directive.d.ts +0 -9
- package/context-menu/src/context-menu-item-indicator.directive.d.ts +0 -7
- package/context-menu/src/context-menu-item-radio-group.directive.d.ts +0 -12
- package/context-menu/src/context-menu-item-radio.directive.d.ts +0 -19
- package/context-menu/src/context-menu-item-selectable.d.ts +0 -12
- package/context-menu/src/context-menu-item.directive.d.ts +0 -17
- package/context-menu/src/context-menu-label.directive.d.ts +0 -5
- package/context-menu/src/context-menu-separator.directive.d.ts +0 -6
- package/context-menu/src/context-menu-trigger.directive.d.ts +0 -31
- package/core/src/accessor/control-value-accessor.d.ts +0 -67
- package/core/src/accessor/provide-value-accessor.d.ts +0 -12
- package/core/src/auto-focus.directive.d.ts +0 -14
- package/core/src/chunk.d.ts +0 -12
- package/core/src/clamp.d.ts +0 -38
- package/core/src/create-context.d.ts +0 -10
- package/core/src/date-time/calendar.d.ts +0 -33
- package/core/src/date-time/comparators.d.ts +0 -98
- package/core/src/date-time/formatter.d.ts +0 -30
- package/core/src/date-time/index.d.ts +0 -9
- package/core/src/date-time/parser.d.ts +0 -37
- package/core/src/date-time/parts.d.ts +0 -12
- package/core/src/date-time/placeholders.d.ts +0 -8
- package/core/src/date-time/segment.d.ts +0 -4
- package/core/src/date-time/types.d.ts +0 -58
- package/core/src/date-time/useDateField.d.ts +0 -142
- package/core/src/date-time/utils.d.ts +0 -7
- package/core/src/document.d.ts +0 -1
- package/core/src/focus-initial.directive.d.ts +0 -9
- package/core/src/getActiveElement.d.ts +0 -1
- package/core/src/id-generator.d.ts +0 -12
- package/core/src/inject-ng-control.d.ts +0 -8
- package/core/src/is-client.d.ts +0 -1
- package/core/src/is-equal.d.ts +0 -7
- package/core/src/is-inside-form.d.ts +0 -2
- package/core/src/is-nullish.d.ts +0 -1
- package/core/src/is-number.d.ts +0 -1
- package/core/src/isValueEqualOrExist.d.ts +0 -10
- package/core/src/kbd-constants.d.ts +0 -41
- package/core/src/positioning/constants.d.ts +0 -3
- package/core/src/positioning/types.d.ts +0 -42
- package/core/src/positioning/utils.d.ts +0 -12
- package/core/src/provide-token.d.ts +0 -22
- package/core/src/serialize.d.ts +0 -11
- package/core/src/types.d.ts +0 -25
- package/core/src/useArrowNavigation.d.ts +0 -65
- package/core/src/useResizeObserver.d.ts +0 -15
- package/core/src/watch.d.ts +0 -41
- package/core/src/window.d.ts +0 -3
- package/cropper/src/cropper-context.token.d.ts +0 -12
- package/cropper/src/cropper-crop-area.directive.d.ts +0 -6
- package/cropper/src/cropper-description.directive.d.ts +0 -6
- package/cropper/src/cropper-image.component.d.ts +0 -10
- package/cropper/src/cropper-root.directive.d.ts +0 -91
- package/date-field/src/date-field-context.token.d.ts +0 -19
- package/date-field/src/date-field-input.directive.d.ts +0 -53
- package/date-field/src/date-field-root.directive.d.ts +0 -131
- package/dialog/src/dialog-close.directive.d.ts +0 -7
- package/dialog/src/dialog-content.directive.d.ts +0 -21
- package/dialog/src/dialog-description.directive.d.ts +0 -5
- package/dialog/src/dialog-dismiss.directive.d.ts +0 -7
- package/dialog/src/dialog-ref.d.ts +0 -40
- package/dialog/src/dialog-title.directive.d.ts +0 -5
- package/dialog/src/dialog-trigger.directive.d.ts +0 -28
- package/dialog/src/dialog.config.d.ts +0 -41
- package/dialog/src/dialog.injectors.d.ts +0 -4
- package/dialog/src/dialog.providers.d.ts +0 -19
- package/dialog/src/dialog.service.d.ts +0 -26
- package/dismissible-layer/README.md +0 -1
- package/dismissible-layer/index.d.ts +0 -1
- package/dismissible-layer/src/utils.d.ts +0 -38
- package/dropdown-menu/src/dropdown-menu-content.directive.d.ts +0 -15
- package/dropdown-menu/src/dropdown-menu-item-checkbox.directive.d.ts +0 -9
- package/dropdown-menu/src/dropdown-menu-item-indicator.directive.d.ts +0 -7
- package/dropdown-menu/src/dropdown-menu-item-radio-group.directive.d.ts +0 -12
- package/dropdown-menu/src/dropdown-menu-item-radio.directive.d.ts +0 -19
- package/dropdown-menu/src/dropdown-menu-item-selectable.d.ts +0 -12
- package/dropdown-menu/src/dropdown-menu-item.directive.d.ts +0 -17
- package/dropdown-menu/src/dropdown-menu-label.directive.d.ts +0 -6
- package/dropdown-menu/src/dropdown-menu-separator.directive.d.ts +0 -6
- package/dropdown-menu/src/dropdown-menu-trigger.directive.d.ts +0 -73
- package/editable/src/editable-root.d.ts +0 -67
- package/fesm2022/radix-ng-primitives-dismissible-layer.mjs +0 -211
- package/fesm2022/radix-ng-primitives-dismissible-layer.mjs.map +0 -1
- package/focus-scope/src/focus-scope.d.ts +0 -53
- package/focus-scope/src/stack.d.ts +0 -13
- package/focus-scope/src/utils.d.ts +0 -46
- package/hover-card/src/hover-card-anchor.directive.d.ts +0 -28
- package/hover-card/src/hover-card-anchor.token.d.ts +0 -3
- package/hover-card/src/hover-card-arrow.directive.d.ts +0 -45
- package/hover-card/src/hover-card-arrow.token.d.ts +0 -3
- package/hover-card/src/hover-card-close.directive.d.ts +0 -18
- package/hover-card/src/hover-card-close.token.d.ts +0 -3
- package/hover-card/src/hover-card-content-attributes.component.d.ts +0 -25
- package/hover-card/src/hover-card-content-attributes.token.d.ts +0 -3
- package/hover-card/src/hover-card-content.directive.d.ts +0 -124
- package/hover-card/src/hover-card-root.directive.d.ts +0 -182
- package/hover-card/src/hover-card-root.inject.d.ts +0 -3
- package/hover-card/src/hover-card-trigger.directive.d.ts +0 -26
- package/hover-card/src/hover-card.types.d.ts +0 -18
- package/hover-card/src/utils/cdk-event.service.d.ts +0 -30
- package/hover-card/src/utils/constants.d.ts +0 -1
- package/hover-card/src/utils/types.d.ts +0 -7
- package/label/src/label.directive.d.ts +0 -24
- package/menu/src/menu-content.directive.d.ts +0 -6
- package/menu/src/menu-directive.d.ts +0 -6
- package/menu/src/menu-group.directive.d.ts +0 -6
- package/menu/src/menu-item-checkbox.directive.d.ts +0 -21
- package/menu/src/menu-item-indicator.directive.d.ts +0 -10
- package/menu/src/menu-item-radio.directive.d.ts +0 -20
- package/menu/src/menu-item.directive.d.ts +0 -18
- package/menu/src/menu-label.directive.d.ts +0 -5
- package/menu/src/menu-radio-group.directive.d.ts +0 -6
- package/menu/src/menu-separator.directive.d.ts +0 -5
- package/menu/src/menu-trigger.directive.d.ts +0 -35
- package/menu/src/utils.d.ts +0 -3
- package/menubar/src/menubar-content.directive.d.ts +0 -6
- package/menubar/src/menubar-item-checkbox.directive.d.ts +0 -6
- package/menubar/src/menubar-item-indicator.directive.d.ts +0 -6
- package/menubar/src/menubar-item-radio.directive.d.ts +0 -6
- package/menubar/src/menubar-item.directive.d.ts +0 -6
- package/menubar/src/menubar-radio-group.directive.d.ts +0 -6
- package/menubar/src/menubar-root.directive.d.ts +0 -6
- package/menubar/src/menubar-separator.directive.d.ts +0 -6
- package/menubar/src/menubar-trigger.directive.d.ts +0 -6
- package/navigation-menu/src/navigation-menu-a11y.component.d.ts +0 -15
- package/navigation-menu/src/navigation-menu-content.directive.d.ts +0 -31
- package/navigation-menu/src/navigation-menu-indicator.directive.d.ts +0 -29
- package/navigation-menu/src/navigation-menu-item.directive.d.ts +0 -44
- package/navigation-menu/src/navigation-menu-link.directive.d.ts +0 -17
- package/navigation-menu/src/navigation-menu-list.directive.d.ts +0 -38
- package/navigation-menu/src/navigation-menu-sub.directive.d.ts +0 -19
- package/navigation-menu/src/navigation-menu-trigger.directive.d.ts +0 -33
- package/navigation-menu/src/navigation-menu-viewport.directive.d.ts +0 -61
- package/navigation-menu/src/navigation-menu.directive.d.ts +0 -76
- package/navigation-menu/src/navigation-menu.token.d.ts +0 -36
- package/navigation-menu/src/navigation-menu.types.d.ts +0 -13
- package/navigation-menu/src/utils.d.ts +0 -44
- package/number-field/src/number-field-context.token.d.ts +0 -24
- package/number-field/src/number-field-decrement.directive.d.ts +0 -23
- package/number-field/src/number-field-increment.directive.d.ts +0 -23
- package/number-field/src/number-field-input.directive.d.ts +0 -22
- package/number-field/src/number-field-root.directive.d.ts +0 -86
- package/number-field/src/types.d.ts +0 -1
- package/number-field/src/utils.d.ts +0 -18
- package/pagination/src/pagination-context.token.d.ts +0 -11
- package/pagination/src/pagination-ellipsis.directive.d.ts +0 -5
- package/pagination/src/pagination-first.directive.d.ts +0 -8
- package/pagination/src/pagination-last.directive.d.ts +0 -8
- package/pagination/src/pagination-list-item.directive.d.ts +0 -10
- package/pagination/src/pagination-list.directive.d.ts +0 -12
- package/pagination/src/pagination-next.directive.d.ts +0 -8
- package/pagination/src/pagination-prev.directive.d.ts +0 -8
- package/pagination/src/pagination-root.directive.d.ts +0 -18
- package/pagination/src/utils.d.ts +0 -9
- package/popover/src/popover-anchor.directive.d.ts +0 -28
- package/popover/src/popover-anchor.token.d.ts +0 -3
- package/popover/src/popover-arrow.directive.d.ts +0 -40
- package/popover/src/popover-arrow.token.d.ts +0 -3
- package/popover/src/popover-close.directive.d.ts +0 -15
- package/popover/src/popover-close.token.d.ts +0 -3
- package/popover/src/popover-content-attributes.component.d.ts +0 -23
- package/popover/src/popover-content-attributes.token.d.ts +0 -3
- package/popover/src/popover-content.directive.d.ts +0 -104
- package/popover/src/popover-root.directive.d.ts +0 -155
- package/popover/src/popover-root.inject.d.ts +0 -3
- package/popover/src/popover-trigger.directive.d.ts +0 -18
- package/popover/src/popover.types.d.ts +0 -14
- package/popover/src/utils/cdk-event.service.d.ts +0 -30
- package/popover/src/utils/constants.d.ts +0 -1
- package/popover/src/utils/types.d.ts +0 -7
- package/presence/src/presence.d.ts +0 -42
- package/presence/src/presence.directive.d.ts +0 -27
- package/presence/src/transitions/transition.collapse.d.ts +0 -15
- package/presence/src/transitions/transition.toast.d.ts +0 -3
- package/presence/src/types.d.ts +0 -15
- package/presence/src/utils.d.ts +0 -42
- package/progress/src/progress-indicator.directive.d.ts +0 -15
- package/progress/src/progress-root.directive.d.ts +0 -54
- package/radio/src/radio-indicator.directive.d.ts +0 -9
- package/radio/src/radio-item-input.directive.d.ts +0 -12
- package/radio/src/radio-item.directive.d.ts +0 -30
- package/radio/src/radio-root.directive.d.ts +0 -57
- package/radio/src/radio-tokens.d.ts +0 -14
- package/roving-focus/src/roving-focus-group.directive.d.ts +0 -50
- package/roving-focus/src/roving-focus-item.directive.d.ts +0 -50
- package/roving-focus/src/utils.d.ts +0 -19
- package/select/src/select-content.directive.d.ts +0 -20
- package/select/src/select-group.directive.d.ts +0 -5
- package/select/src/select-icon.directive.d.ts +0 -5
- package/select/src/select-item-indicator.directive.d.ts +0 -7
- package/select/src/select-item.directive.d.ts +0 -53
- package/select/src/select-label.directive.d.ts +0 -5
- package/select/src/select-separator.directive.d.ts +0 -5
- package/select/src/select-trigger.directive.d.ts +0 -17
- package/select/src/select-value.directive.d.ts +0 -8
- package/select/src/select.component.d.ts +0 -98
- package/separator/src/separator.directive.d.ts +0 -60
- package/slider/src/slider-horizontal.component.d.ts +0 -28
- package/slider/src/slider-impl.directive.d.ts +0 -17
- package/slider/src/slider-orientation-context.service.d.ts +0 -14
- package/slider/src/slider-range.component.d.ts +0 -13
- package/slider/src/slider-root.component.d.ts +0 -123
- package/slider/src/slider-thumb-impl.directive.d.ts +0 -27
- package/slider/src/slider-thumb.component.d.ts +0 -6
- package/slider/src/slider-track.component.d.ts +0 -7
- package/slider/src/slider-vertical.component.d.ts +0 -28
- package/slider/src/utils.d.ts +0 -52
- package/stepper/src/stepper-description.directive.d.ts +0 -6
- package/stepper/src/stepper-indicator.directive.d.ts +0 -6
- package/stepper/src/stepper-item-context.token.d.ts +0 -13
- package/stepper/src/stepper-item.directive.d.ts +0 -21
- package/stepper/src/stepper-root-context.token.d.ts +0 -12
- package/stepper/src/stepper-root.directive.d.ts +0 -33
- package/stepper/src/stepper-separator.directive.d.ts +0 -10
- package/stepper/src/stepper-title.directive.d.ts +0 -6
- package/stepper/src/stepper-trigger.directive.d.ts +0 -14
- package/stepper/src/types.d.ts +0 -1
- package/switch/src/switch-input.directive.d.ts +0 -11
- package/switch/src/switch-root.directive.d.ts +0 -74
- package/switch/src/switch-thumb.directive.d.ts +0 -9
- package/tabs/src/tabs-content.directive.d.ts +0 -13
- package/tabs/src/tabs-list.directive.d.ts +0 -10
- package/tabs/src/tabs-root.directive.d.ts +0 -53
- package/tabs/src/tabs-trigger.directive.d.ts +0 -29
- package/tabs/src/utils.d.ts +0 -2
- package/time-field/src/time-field-context.token.d.ts +0 -20
- package/time-field/src/time-field-input.directive.d.ts +0 -53
- package/time-field/src/time-field-root.directive.d.ts +0 -130
- package/toggle/src/toggle-visually-hidden-input.directive.d.ts +0 -6
- package/toggle/src/toggle.directive.d.ts +0 -65
- package/toggle-group/src/toggle-group-item.directive.d.ts +0 -37
- package/toggle-group/src/toggle-group-item.token.d.ts +0 -4
- package/toggle-group/src/toggle-group-without-focus.directive.d.ts +0 -69
- package/toggle-group/src/toggle-group.directive.d.ts +0 -74
- package/toggle-group/src/toggle-group.token.d.ts +0 -10
- package/toolbar/src/toolbar-button.directive.d.ts +0 -11
- package/toolbar/src/toolbar-link.directive.d.ts +0 -7
- package/toolbar/src/toolbar-root.directive.d.ts +0 -8
- package/toolbar/src/toolbar-root.token.d.ts +0 -5
- package/toolbar/src/toolbar-separator.directive.d.ts +0 -6
- package/toolbar/src/toolbar-toggle-group.directive.d.ts +0 -6
- package/toolbar/src/toolbar-toggle-item.directive.d.ts +0 -6
- package/tooltip/src/tooltip-anchor.directive.d.ts +0 -28
- package/tooltip/src/tooltip-anchor.token.d.ts +0 -3
- package/tooltip/src/tooltip-arrow.directive.d.ts +0 -40
- package/tooltip/src/tooltip-arrow.token.d.ts +0 -3
- package/tooltip/src/tooltip-close.directive.d.ts +0 -18
- package/tooltip/src/tooltip-close.token.d.ts +0 -3
- package/tooltip/src/tooltip-content-attributes.component.d.ts +0 -25
- package/tooltip/src/tooltip-content-attributes.token.d.ts +0 -3
- package/tooltip/src/tooltip-content.directive.d.ts +0 -104
- package/tooltip/src/tooltip-root.directive.d.ts +0 -168
- package/tooltip/src/tooltip-root.inject.d.ts +0 -3
- package/tooltip/src/tooltip-trigger.directive.d.ts +0 -26
- package/tooltip/src/tooltip.types.d.ts +0 -18
- package/tooltip/src/utils/cdk-event.service.d.ts +0 -30
- package/tooltip/src/utils/constants.d.ts +0 -1
- package/tooltip/src/utils/types.d.ts +0 -7
- package/visually-hidden/src/visually-hidden-input-bubble.directive.d.ts +0 -23
- package/visually-hidden/src/visually-hidden-input.directive.d.ts +0 -19
- package/visually-hidden/src/visually-hidden.directive.d.ts +0 -17
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { CdkMenuItem } from '@angular/cdk/menu';
|
|
2
|
-
import { EventEmitter } from '@angular/core';
|
|
3
|
-
import { RdxDropdownMenuContentDirective } from './dropdown-menu-content.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class RdxDropdownMenuItemDirective extends CdkMenuItem {
|
|
6
|
-
protected readonly menu: RdxDropdownMenuContentDirective;
|
|
7
|
-
protected readonly nativeElement: any;
|
|
8
|
-
highlighted: boolean;
|
|
9
|
-
disabled: boolean;
|
|
10
|
-
readonly onSelect: EventEmitter<void>;
|
|
11
|
-
constructor();
|
|
12
|
-
protected onPointerMove(): void;
|
|
13
|
-
protected onKeydown(event: KeyboardEvent): void;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxDropdownMenuItemDirective, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDropdownMenuItemDirective, "[rdxDropdownMenuItem]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
|
|
16
|
-
static ngAcceptInputType_disabled: unknown;
|
|
17
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@radix-ng/primitives/menu";
|
|
3
|
-
export declare class RdxDropdownMenuLabelDirective {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxDropdownMenuLabelDirective, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDropdownMenuLabelDirective, "[rdxDropdownMenuLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuLabelDirective; inputs: {}; outputs: {}; }]>;
|
|
6
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@radix-ng/primitives/menu";
|
|
3
|
-
export declare class RdxDropdownMenuSeparatorDirective {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxDropdownMenuSeparatorDirective, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDropdownMenuSeparatorDirective, "[rdxDropdownMenuSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuSeparatorDirective; inputs: {}; outputs: {}; }]>;
|
|
6
|
-
}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
-
import { CdkMenuTrigger } from '@angular/cdk/menu';
|
|
3
|
-
import { ConnectedPosition, OverlayRef } from '@angular/cdk/overlay';
|
|
4
|
-
import { TemplateRef } from '@angular/core';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare enum DropdownSide {
|
|
7
|
-
Top = "top",
|
|
8
|
-
Right = "right",
|
|
9
|
-
Bottom = "bottom",
|
|
10
|
-
Left = "left"
|
|
11
|
-
}
|
|
12
|
-
export declare enum DropdownAlign {
|
|
13
|
-
Start = "start",
|
|
14
|
-
Center = "center",
|
|
15
|
-
End = "end"
|
|
16
|
-
}
|
|
17
|
-
export declare const mapRdxAlignToCdkPosition: {
|
|
18
|
-
start: string;
|
|
19
|
-
center: string;
|
|
20
|
-
end: string;
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* @group Components
|
|
24
|
-
*/
|
|
25
|
-
export declare class RdxDropdownMenuTriggerDirective extends CdkMenuTrigger {
|
|
26
|
-
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
|
27
|
-
set rdxDropdownMenuTrigger(value: TemplateRef<unknown> | null);
|
|
28
|
-
/**
|
|
29
|
-
* The preferred side of the trigger to render against when open.
|
|
30
|
-
* Will be reversed when collisions occur and `avoidCollisions` is enabled.
|
|
31
|
-
*
|
|
32
|
-
* @group Props
|
|
33
|
-
* @defaultValue 'bottom'
|
|
34
|
-
*/
|
|
35
|
-
set side(value: DropdownSide);
|
|
36
|
-
get side(): DropdownSide;
|
|
37
|
-
private _side;
|
|
38
|
-
/**
|
|
39
|
-
* The preferred alignment against the trigger. May change when collisions occur.
|
|
40
|
-
*
|
|
41
|
-
* @group Props
|
|
42
|
-
* @defaultValue 'center'
|
|
43
|
-
*/
|
|
44
|
-
set align(value: DropdownAlign);
|
|
45
|
-
get align(): DropdownAlign;
|
|
46
|
-
private _align;
|
|
47
|
-
/**
|
|
48
|
-
* The distance in pixels from the trigger.
|
|
49
|
-
* @group Props
|
|
50
|
-
* @defaultValue 0
|
|
51
|
-
*/
|
|
52
|
-
set sideOffset(value: number);
|
|
53
|
-
get sideOffset(): number;
|
|
54
|
-
private _sideOffset;
|
|
55
|
-
/**
|
|
56
|
-
* An offset in pixels from the "start" or "end" alignment options.
|
|
57
|
-
* @group Props
|
|
58
|
-
* @defaultValue 0
|
|
59
|
-
*/
|
|
60
|
-
set alignOffset(value: number);
|
|
61
|
-
get alignOffset(): number;
|
|
62
|
-
private _alignOffset;
|
|
63
|
-
onOpenChange: import("@angular/core").OutputRef<void>;
|
|
64
|
-
get isVertical(): boolean;
|
|
65
|
-
get defaultPosition(): ConnectedPosition;
|
|
66
|
-
constructor();
|
|
67
|
-
onPointerDown($event: MouseEvent): void;
|
|
68
|
-
getOverlayRef(): OverlayRef | null;
|
|
69
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxDropdownMenuTriggerDirective, never>;
|
|
70
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDropdownMenuTriggerDirective, "[rdxDropdownMenuTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rdxDropdownMenuTrigger": { "alias": "rdxDropdownMenuTrigger"; "required": false; }; "side": { "alias": "side"; "required": false; }; "align": { "alias": "align"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; }, { "onOpenChange": "onOpenChange"; }, never, never, true, never>;
|
|
71
|
-
static ngAcceptInputType_sideOffset: unknown;
|
|
72
|
-
static ngAcceptInputType_alignOffset: unknown;
|
|
73
|
-
}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
|
2
|
-
import { Signal, WritableSignal } from '@angular/core';
|
|
3
|
-
import { RdxPointerDownOutside } from '@radix-ng/primitives/dismissible-layer';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@radix-ng/primitives/dismissible-layer";
|
|
6
|
-
type EditableRootContext = {
|
|
7
|
-
disabled: Signal<boolean>;
|
|
8
|
-
value: Signal<string | null | undefined>;
|
|
9
|
-
inputValue: WritableSignal<string | undefined>;
|
|
10
|
-
placeholder: Signal<{
|
|
11
|
-
edit: string;
|
|
12
|
-
preview: string;
|
|
13
|
-
}>;
|
|
14
|
-
isEditing: Signal<boolean>;
|
|
15
|
-
submitMode: Signal<SubmitMode>;
|
|
16
|
-
activationMode: Signal<ActivationMode>;
|
|
17
|
-
edit: () => void;
|
|
18
|
-
cancel: () => void;
|
|
19
|
-
submit: () => void;
|
|
20
|
-
maxLength: Signal<number | undefined>;
|
|
21
|
-
startWithEditMode: Signal<boolean>;
|
|
22
|
-
isEmpty: Signal<boolean>;
|
|
23
|
-
readonly: Signal<boolean>;
|
|
24
|
-
selectOnFocus: Signal<boolean>;
|
|
25
|
-
autoResize: Signal<boolean>;
|
|
26
|
-
inputRef: WritableSignal<HTMLInputElement | undefined>;
|
|
27
|
-
};
|
|
28
|
-
export declare const injectEditableRootContext: (optional?: boolean) => EditableRootContext | null, provideEditableRootContext: (useFactory: () => EditableRootContext) => import("@angular/core").Provider;
|
|
29
|
-
type ActivationMode = 'focus' | 'dblclick' | 'none';
|
|
30
|
-
type SubmitMode = 'blur' | 'enter' | 'none' | 'both';
|
|
31
|
-
/**
|
|
32
|
-
* @group Components
|
|
33
|
-
*/
|
|
34
|
-
export declare class RdxEditableRoot {
|
|
35
|
-
private readonly focusOutside;
|
|
36
|
-
readonly pointerDownOutside: RdxPointerDownOutside;
|
|
37
|
-
readonly value: import("@angular/core").ModelSignal<string | undefined>;
|
|
38
|
-
readonly placeholder: import("@angular/core").InputSignal<string>;
|
|
39
|
-
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
|
40
|
-
readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
|
41
|
-
readonly selectOnFocus: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
|
42
|
-
readonly submitMode: import("@angular/core").InputSignal<SubmitMode>;
|
|
43
|
-
readonly maxLength: import("@angular/core").InputSignalWithTransform<number | undefined, NumberInput>;
|
|
44
|
-
/**
|
|
45
|
-
* Whether to start with the edit mode active
|
|
46
|
-
*/
|
|
47
|
-
readonly startWithEditMode: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
|
48
|
-
readonly activationMode: import("@angular/core").InputSignal<ActivationMode>;
|
|
49
|
-
readonly autoResize: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
|
50
|
-
readonly required: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
|
51
|
-
readonly isEmpty: Signal<boolean>;
|
|
52
|
-
readonly $placeholder: Signal<string | {
|
|
53
|
-
edit: string;
|
|
54
|
-
preview: string;
|
|
55
|
-
}>;
|
|
56
|
-
readonly isEditing: WritableSignal<boolean>;
|
|
57
|
-
readonly inputValue: WritableSignal<string | undefined>;
|
|
58
|
-
readonly inputRef: WritableSignal<HTMLInputElement | undefined>;
|
|
59
|
-
constructor();
|
|
60
|
-
handleDismiss(): void;
|
|
61
|
-
submit(): void;
|
|
62
|
-
cancel(): void;
|
|
63
|
-
edit(): void;
|
|
64
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxEditableRoot, never>;
|
|
65
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxEditableRoot, "[rdxEditableRoot]", ["rdxEditableRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "submitMode": { "alias": "submitMode"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "startWithEditMode": { "alias": "startWithEditMode"; "required": false; "isSignal": true; }; "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.RdxFocusOutside; inputs: {}; outputs: {}; }, { directive: typeof i1.RdxPointerDownOutside; inputs: {}; outputs: {}; }]>;
|
|
66
|
-
}
|
|
67
|
-
export {};
|
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, booleanAttribute, linkedSignal, output, signal, inject, ElementRef, effect, Directive } from '@angular/core';
|
|
3
|
-
|
|
4
|
-
function isLayerExist(layerElement, targetElement) {
|
|
5
|
-
const targetLayer = targetElement.closest('[data-dismissable-layer]');
|
|
6
|
-
const mainLayer = layerElement.dataset['dismissableLayer'] === ''
|
|
7
|
-
? layerElement
|
|
8
|
-
: layerElement.querySelector('[data-dismissable-layer]');
|
|
9
|
-
const nodeList = Array.from(layerElement.ownerDocument.querySelectorAll('[data-dismissable-layer]'));
|
|
10
|
-
if (targetLayer && (mainLayer === targetLayer || nodeList.indexOf(mainLayer) < nodeList.indexOf(targetLayer))) {
|
|
11
|
-
return true;
|
|
12
|
-
}
|
|
13
|
-
else {
|
|
14
|
-
return false;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Listens for when focus happens outside a DOM subtree.
|
|
19
|
-
* Returns props to pass to the root (node) of the subtree we want to check.
|
|
20
|
-
*/
|
|
21
|
-
class RdxFocusOutside {
|
|
22
|
-
#enabled;
|
|
23
|
-
set enabled(value) {
|
|
24
|
-
if (this.#enabled() !== value) {
|
|
25
|
-
this.#enabled.set(value);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
get enabled() {
|
|
29
|
-
return this.#enabled();
|
|
30
|
-
}
|
|
31
|
-
constructor() {
|
|
32
|
-
this.enabledInput = input(true, { transform: booleanAttribute, alias: 'enabled' });
|
|
33
|
-
this.#enabled = linkedSignal(() => this.enabledInput());
|
|
34
|
-
this.focusOutside = output();
|
|
35
|
-
/*
|
|
36
|
-
* Flag to indicate if the focus is currently within the DOM subtree
|
|
37
|
-
*/
|
|
38
|
-
this.isFocusInsideDOMTree = signal(false);
|
|
39
|
-
/*
|
|
40
|
-
* Handles capturing the focus event to mark focus as inside the DOM subtree
|
|
41
|
-
*/
|
|
42
|
-
this.focusCaptureHandler = () => {
|
|
43
|
-
if (!this.enabled)
|
|
44
|
-
return;
|
|
45
|
-
this.isFocusInsideDOMTree.set(true);
|
|
46
|
-
};
|
|
47
|
-
/*
|
|
48
|
-
* Handles capturing the blur event to mark focus as outside the DOM subtree
|
|
49
|
-
*/
|
|
50
|
-
this.blurCaptureHandler = () => {
|
|
51
|
-
if (!this.enabled)
|
|
52
|
-
return;
|
|
53
|
-
this.isFocusInsideDOMTree.set(false);
|
|
54
|
-
};
|
|
55
|
-
const elementRef = inject(ElementRef);
|
|
56
|
-
effect((onCleanup) => {
|
|
57
|
-
if (!this.#enabled()) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
const ownerDocument = elementRef.nativeElement.ownerDocument ?? globalThis.document;
|
|
61
|
-
const focusHandler = async (event) => {
|
|
62
|
-
if (!elementRef?.nativeElement) {
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
await Promise.resolve();
|
|
66
|
-
await Promise.resolve();
|
|
67
|
-
const target = event.target;
|
|
68
|
-
if (!elementRef.nativeElement || !target || isLayerExist(elementRef.nativeElement, target)) {
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
if (target && !this.isFocusInsideDOMTree()) {
|
|
72
|
-
this.focusOutside.emit(event);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
elementRef.nativeElement.addEventListener('focus', this.focusCaptureHandler, {
|
|
76
|
-
capture: true
|
|
77
|
-
});
|
|
78
|
-
elementRef.nativeElement.addEventListener('blur', this.blurCaptureHandler, {
|
|
79
|
-
capture: true
|
|
80
|
-
});
|
|
81
|
-
ownerDocument.addEventListener('focusin', focusHandler);
|
|
82
|
-
onCleanup(() => {
|
|
83
|
-
elementRef.nativeElement.removeEventListener('focus', this.focusCaptureHandler, {
|
|
84
|
-
capture: true
|
|
85
|
-
});
|
|
86
|
-
elementRef.nativeElement.removeEventListener('blur', this.blurCaptureHandler, {
|
|
87
|
-
capture: true
|
|
88
|
-
});
|
|
89
|
-
ownerDocument.removeEventListener('focusin', focusHandler);
|
|
90
|
-
});
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxFocusOutside, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
94
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxFocusOutside, isStandalone: true, selector: "[rdxFocusOutside]", inputs: { enabledInput: { classPropertyName: "enabledInput", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focusOutside: "focusOutside" }, exportAs: ["rdxFocusOutside"], ngImport: i0 }); }
|
|
95
|
-
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxFocusOutside, decorators: [{
|
|
97
|
-
type: Directive,
|
|
98
|
-
args: [{
|
|
99
|
-
selector: '[rdxFocusOutside]',
|
|
100
|
-
exportAs: 'rdxFocusOutside'
|
|
101
|
-
}]
|
|
102
|
-
}], ctorParameters: () => [] });
|
|
103
|
-
/**
|
|
104
|
-
* Listens for `pointerdown` outside a DOM subtree. We use `pointerdown` rather than `pointerup`
|
|
105
|
-
* to mimic layer dismissing behavior present in OS.
|
|
106
|
-
* Returns props to pass to the node we want to check for outside events.
|
|
107
|
-
*/
|
|
108
|
-
class RdxPointerDownOutside {
|
|
109
|
-
#enabled;
|
|
110
|
-
set enabled(value) {
|
|
111
|
-
if (this.#enabled() !== value) {
|
|
112
|
-
this.#enabled.set(value);
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
get enabled() {
|
|
116
|
-
return this.#enabled();
|
|
117
|
-
}
|
|
118
|
-
constructor() {
|
|
119
|
-
this.elementRef = inject(ElementRef);
|
|
120
|
-
this.enabledInput = input(true, { transform: booleanAttribute, alias: 'enabled' });
|
|
121
|
-
this.#enabled = linkedSignal(() => this.enabledInput());
|
|
122
|
-
this.pointerDownOutside = output();
|
|
123
|
-
this.isPointerInsideDOMTree = signal(false);
|
|
124
|
-
this.handleAndDispatchPointerDownOutsideEvent = (e) => () => this.pointerDownOutside.emit(e);
|
|
125
|
-
effect((onCleanup) => {
|
|
126
|
-
if (!this.#enabled()) {
|
|
127
|
-
return;
|
|
128
|
-
}
|
|
129
|
-
const ownerDocument = this.elementRef.nativeElement.ownerDocument ?? globalThis.document;
|
|
130
|
-
const handlePointerDown = async (event) => {
|
|
131
|
-
if (event.target && !this.isPointerInsideDOMTree()) {
|
|
132
|
-
/**
|
|
133
|
-
* On touch devices, we need to wait for a click event because browsers implement
|
|
134
|
-
* a ~350ms delay between the time the user stops touching the display and when the
|
|
135
|
-
* browser executres events. We need to ensure we don't reactivate pointer-events within
|
|
136
|
-
* this timeframe otherwise the browser may execute events that should have been prevented.
|
|
137
|
-
*
|
|
138
|
-
* Additionally, this also lets us deal automatically with cancellations when a click event
|
|
139
|
-
* isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.
|
|
140
|
-
*
|
|
141
|
-
* This is why we also continuously remove the previous listener, because we cannot be
|
|
142
|
-
* certain that it was raised, and therefore cleaned-up.
|
|
143
|
-
*/
|
|
144
|
-
if (event.pointerType === 'touch') {
|
|
145
|
-
ownerDocument.removeEventListener('click', this.handleClick);
|
|
146
|
-
this.handleClick = this.handleAndDispatchPointerDownOutsideEvent(event);
|
|
147
|
-
ownerDocument.addEventListener('click', this.handleClick, {
|
|
148
|
-
once: true
|
|
149
|
-
});
|
|
150
|
-
}
|
|
151
|
-
else {
|
|
152
|
-
this.pointerDownOutside.emit(event);
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
else {
|
|
156
|
-
// We need to remove the event listener in case the outside click has been canceled.
|
|
157
|
-
// See: https://github.com/radix-ui/primitives/issues/2171
|
|
158
|
-
ownerDocument.removeEventListener('click', this.handleClick);
|
|
159
|
-
}
|
|
160
|
-
this.isPointerInsideDOMTree.set(false);
|
|
161
|
-
};
|
|
162
|
-
/**
|
|
163
|
-
* if this directive executes in a component that mounts via a `pointerdown` event, the event
|
|
164
|
-
* would bubble up to the document and trigger a `pointerDownOutside` event. We avoid
|
|
165
|
-
* this by delaying the event listener registration on the document.
|
|
166
|
-
* This is not Angular specific, but rather how the DOM works, ie:
|
|
167
|
-
* ```
|
|
168
|
-
* button.addEventListener('pointerdown', () => {
|
|
169
|
-
* console.log('I will log');
|
|
170
|
-
* document.addEventListener('pointerdown', () => {
|
|
171
|
-
* console.log('I will also log');
|
|
172
|
-
* })
|
|
173
|
-
* });
|
|
174
|
-
*/
|
|
175
|
-
const timerId = window.setTimeout(() => {
|
|
176
|
-
ownerDocument.addEventListener('pointerdown', handlePointerDown);
|
|
177
|
-
}, 0);
|
|
178
|
-
const onPointerDownCapture = () => {
|
|
179
|
-
if (!this.enabled) {
|
|
180
|
-
return;
|
|
181
|
-
}
|
|
182
|
-
this.isPointerInsideDOMTree.set(true);
|
|
183
|
-
};
|
|
184
|
-
this.elementRef.nativeElement.addEventListener('pointerdown', onPointerDownCapture, { capture: true });
|
|
185
|
-
onCleanup(() => {
|
|
186
|
-
window.clearTimeout(timerId);
|
|
187
|
-
ownerDocument.removeEventListener('pointerdown', handlePointerDown);
|
|
188
|
-
ownerDocument.removeEventListener('click', this.handleClick);
|
|
189
|
-
this.elementRef.nativeElement.removeEventListener('pointerdown', onPointerDownCapture, {
|
|
190
|
-
capture: true
|
|
191
|
-
});
|
|
192
|
-
});
|
|
193
|
-
});
|
|
194
|
-
}
|
|
195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxPointerDownOutside, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
196
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxPointerDownOutside, isStandalone: true, selector: "[rdxPointerDownOutside]", inputs: { enabledInput: { classPropertyName: "enabledInput", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pointerDownOutside: "pointerDownOutside" }, exportAs: ["rdxPointerDownOutside"], ngImport: i0 }); }
|
|
197
|
-
}
|
|
198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxPointerDownOutside, decorators: [{
|
|
199
|
-
type: Directive,
|
|
200
|
-
args: [{
|
|
201
|
-
selector: '[rdxPointerDownOutside]',
|
|
202
|
-
exportAs: 'rdxPointerDownOutside'
|
|
203
|
-
}]
|
|
204
|
-
}], ctorParameters: () => [] });
|
|
205
|
-
|
|
206
|
-
/**
|
|
207
|
-
* Generated bundle index. Do not edit.
|
|
208
|
-
*/
|
|
209
|
-
|
|
210
|
-
export { RdxFocusOutside, RdxPointerDownOutside };
|
|
211
|
-
//# sourceMappingURL=radix-ng-primitives-dismissible-layer.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radix-ng-primitives-dismissible-layer.mjs","sources":["../../../packages/primitives/dismissible-layer/src/utils.ts","../../../packages/primitives/dismissible-layer/radix-ng-primitives-dismissible-layer.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n booleanAttribute,\n Directive,\n effect,\n ElementRef,\n inject,\n input,\n linkedSignal,\n output,\n signal\n} from '@angular/core';\n\nfunction isLayerExist(layerElement: HTMLElement, targetElement: HTMLElement) {\n const targetLayer = targetElement.closest('[data-dismissable-layer]');\n\n const mainLayer =\n layerElement.dataset['dismissableLayer'] === ''\n ? layerElement\n : (layerElement.querySelector('[data-dismissable-layer]') as HTMLElement);\n\n const nodeList = Array.from(layerElement.ownerDocument.querySelectorAll('[data-dismissable-layer]'));\n\n if (targetLayer && (mainLayer === targetLayer || nodeList.indexOf(mainLayer) < nodeList.indexOf(targetLayer))) {\n return true;\n } else {\n return false;\n }\n}\n\n/**\n * Listens for when focus happens outside a DOM subtree.\n * Returns props to pass to the root (node) of the subtree we want to check.\n */\n@Directive({\n selector: '[rdxFocusOutside]',\n exportAs: 'rdxFocusOutside'\n})\nexport class RdxFocusOutside {\n readonly enabledInput = input<boolean, BooleanInput>(true, { transform: booleanAttribute, alias: 'enabled' });\n\n readonly #enabled = linkedSignal(() => this.enabledInput());\n\n set enabled(value: boolean) {\n if (this.#enabled() !== value) {\n this.#enabled.set(value);\n }\n }\n\n get enabled() {\n return this.#enabled();\n }\n\n readonly focusOutside = output<FocusEvent>();\n\n /*\n * Flag to indicate if the focus is currently within the DOM subtree\n */\n private readonly isFocusInsideDOMTree = signal(false);\n\n /*\n * Handles capturing the focus event to mark focus as inside the DOM subtree\n */\n private readonly focusCaptureHandler = () => {\n if (!this.enabled) return;\n this.isFocusInsideDOMTree.set(true);\n };\n\n /*\n * Handles capturing the blur event to mark focus as outside the DOM subtree\n */\n private readonly blurCaptureHandler = () => {\n if (!this.enabled) return;\n this.isFocusInsideDOMTree.set(false);\n };\n\n constructor() {\n const elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n effect((onCleanup) => {\n if (!this.#enabled()) {\n return;\n }\n\n const ownerDocument = elementRef.nativeElement.ownerDocument ?? globalThis.document;\n\n const focusHandler = async (event: FocusEvent) => {\n if (!elementRef?.nativeElement) {\n return;\n }\n\n await Promise.resolve();\n await Promise.resolve();\n\n const target = event.target as HTMLElement | undefined;\n if (!elementRef.nativeElement || !target || isLayerExist(elementRef.nativeElement, target)) {\n return;\n }\n\n if (target && !this.isFocusInsideDOMTree()) {\n this.focusOutside.emit(event);\n }\n };\n\n elementRef.nativeElement.addEventListener('focus', this.focusCaptureHandler, {\n capture: true\n });\n elementRef.nativeElement.addEventListener('blur', this.blurCaptureHandler, {\n capture: true\n });\n\n ownerDocument.addEventListener('focusin', focusHandler);\n\n onCleanup(() => {\n elementRef.nativeElement.removeEventListener('focus', this.focusCaptureHandler, {\n capture: true\n });\n\n elementRef.nativeElement.removeEventListener('blur', this.blurCaptureHandler, {\n capture: true\n });\n\n ownerDocument.removeEventListener('focusin', focusHandler);\n });\n });\n }\n}\n\n/**\n * Listens for `pointerdown` outside a DOM subtree. We use `pointerdown` rather than `pointerup`\n * to mimic layer dismissing behavior present in OS.\n * Returns props to pass to the node we want to check for outside events.\n */\n@Directive({\n selector: '[rdxPointerDownOutside]',\n exportAs: 'rdxPointerDownOutside'\n})\nexport class RdxPointerDownOutside {\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n readonly enabledInput = input<boolean, BooleanInput>(true, { transform: booleanAttribute, alias: 'enabled' });\n\n readonly #enabled = linkedSignal(() => this.enabledInput());\n\n set enabled(value: boolean) {\n if (this.#enabled() !== value) {\n this.#enabled.set(value);\n }\n }\n\n get enabled() {\n return this.#enabled();\n }\n\n readonly pointerDownOutside = output<PointerEvent>();\n\n private readonly isPointerInsideDOMTree = signal(false);\n\n private readonly handleAndDispatchPointerDownOutsideEvent = (e: PointerEvent) => () =>\n this.pointerDownOutside.emit(e);\n\n private handleClick: () => void | undefined;\n\n constructor() {\n effect((onCleanup) => {\n if (!this.#enabled()) {\n return;\n }\n\n const ownerDocument = this.elementRef.nativeElement.ownerDocument ?? globalThis.document;\n\n const handlePointerDown = async (event: PointerEvent) => {\n if (event.target && !this.isPointerInsideDOMTree()) {\n /**\n * On touch devices, we need to wait for a click event because browsers implement\n * a ~350ms delay between the time the user stops touching the display and when the\n * browser executres events. We need to ensure we don't reactivate pointer-events within\n * this timeframe otherwise the browser may execute events that should have been prevented.\n *\n * Additionally, this also lets us deal automatically with cancellations when a click event\n * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.\n *\n * This is why we also continuously remove the previous listener, because we cannot be\n * certain that it was raised, and therefore cleaned-up.\n */\n if (event.pointerType === 'touch') {\n ownerDocument.removeEventListener('click', this.handleClick);\n this.handleClick = this.handleAndDispatchPointerDownOutsideEvent(event);\n ownerDocument.addEventListener('click', this.handleClick, {\n once: true\n });\n } else {\n this.pointerDownOutside.emit(event);\n }\n } else {\n // We need to remove the event listener in case the outside click has been canceled.\n // See: https://github.com/radix-ui/primitives/issues/2171\n ownerDocument.removeEventListener('click', this.handleClick);\n }\n this.isPointerInsideDOMTree.set(false);\n };\n /**\n * if this directive executes in a component that mounts via a `pointerdown` event, the event\n * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid\n * this by delaying the event listener registration on the document.\n * This is not Angular specific, but rather how the DOM works, ie:\n * ```\n * button.addEventListener('pointerdown', () => {\n * console.log('I will log');\n * document.addEventListener('pointerdown', () => {\n * console.log('I will also log');\n * })\n * });\n */\n const timerId = window.setTimeout(() => {\n ownerDocument.addEventListener('pointerdown', handlePointerDown);\n }, 0);\n\n const onPointerDownCapture = () => {\n if (!this.enabled) {\n return;\n }\n this.isPointerInsideDOMTree.set(true);\n };\n\n this.elementRef.nativeElement.addEventListener('pointerdown', onPointerDownCapture, { capture: true });\n\n onCleanup(() => {\n window.clearTimeout(timerId);\n ownerDocument.removeEventListener('pointerdown', handlePointerDown);\n ownerDocument.removeEventListener('click', this.handleClick);\n this.elementRef.nativeElement.removeEventListener('pointerdown', onPointerDownCapture, {\n capture: true\n });\n });\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
-
import { Signal } from '@angular/core';
|
|
3
|
-
import { FocusScopeAPI } from './stack';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export interface FocusScopeContext {
|
|
6
|
-
loop?: Signal<boolean>;
|
|
7
|
-
trapped?: Signal<boolean>;
|
|
8
|
-
}
|
|
9
|
-
export declare const injectFocusScopeContext: (optional?: boolean) => FocusScopeContext | null, provideFocusScopeContext: (useFactory: () => FocusScopeContext) => import("@angular/core").Provider;
|
|
10
|
-
/**
|
|
11
|
-
* @group Components
|
|
12
|
-
*/
|
|
13
|
-
export declare class RdxFocusScope {
|
|
14
|
-
private readonly injector;
|
|
15
|
-
private readonly elementRef;
|
|
16
|
-
/**
|
|
17
|
-
* When `true`, tabbing from last item will focus first tabbable
|
|
18
|
-
* and shift+tab from first item will focus last tababble.
|
|
19
|
-
*
|
|
20
|
-
* @group Props
|
|
21
|
-
* @defaultValue false
|
|
22
|
-
*/
|
|
23
|
-
readonly loop: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
|
24
|
-
/**
|
|
25
|
-
* When `true`, focus cannot escape the focus scope via keyboard,
|
|
26
|
-
* pointer, or a programmatic focus.
|
|
27
|
-
*
|
|
28
|
-
* @group Props
|
|
29
|
-
* @defaultValue false
|
|
30
|
-
*/
|
|
31
|
-
readonly trapped: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
|
32
|
-
/**
|
|
33
|
-
* Event handler called when auto-focusing on mount.
|
|
34
|
-
* Can be prevented.
|
|
35
|
-
*
|
|
36
|
-
* @group Emits
|
|
37
|
-
*/
|
|
38
|
-
readonly mountAutoFocus: import("@angular/core").OutputEmitterRef<Event>;
|
|
39
|
-
/**
|
|
40
|
-
* Event handler called when auto-focusing on unmount.
|
|
41
|
-
* Can be prevented.
|
|
42
|
-
*
|
|
43
|
-
* @group Emits
|
|
44
|
-
*/
|
|
45
|
-
readonly unmountAutoFocus: import("@angular/core").OutputEmitterRef<Event>;
|
|
46
|
-
readonly lastFocusedElement: import("@angular/core").WritableSignal<HTMLElement | null>;
|
|
47
|
-
private readonly focusScopesStack;
|
|
48
|
-
readonly focusScope: FocusScopeAPI;
|
|
49
|
-
constructor();
|
|
50
|
-
handleKeyDown(event: KeyboardEvent): void;
|
|
51
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxFocusScope, never>;
|
|
52
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxFocusScope, "[rdxFocusScope]", never, { "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "trapped": { "alias": "trapped"; "required": false; "isSignal": true; }; }, { "mountAutoFocus": "mountAutoFocus"; "unmountAutoFocus": "unmountAutoFocus"; }, never, never, true, never>;
|
|
53
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { WritableSignal } from '@angular/core';
|
|
2
|
-
export declare function createGlobalState<T>(factory: () => T): () => T;
|
|
3
|
-
export interface FocusScopeAPI {
|
|
4
|
-
paused: WritableSignal<boolean>;
|
|
5
|
-
pause(): void;
|
|
6
|
-
resume(): void;
|
|
7
|
-
}
|
|
8
|
-
export declare function createFocusScopesStack(): {
|
|
9
|
-
add(focusScope: FocusScopeAPI): void;
|
|
10
|
-
remove(focusScope: FocusScopeAPI): void;
|
|
11
|
-
};
|
|
12
|
-
export declare function arrayRemove<T>(array: T[], item: T): T[];
|
|
13
|
-
export declare function removeLinks(items: HTMLElement[]): HTMLElement[];
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
export declare const AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
|
|
2
|
-
export declare const AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
|
|
3
|
-
export declare const EVENT_OPTIONS: {
|
|
4
|
-
bubbles: boolean;
|
|
5
|
-
cancelable: boolean;
|
|
6
|
-
};
|
|
7
|
-
type FocusableTarget = HTMLElement | {
|
|
8
|
-
focus: () => void;
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* Attempts focusing the first element in a list of candidates.
|
|
12
|
-
* Stops when focus has actually moved.
|
|
13
|
-
*/
|
|
14
|
-
export declare function focusFirst(candidates: HTMLElement[], { select }?: {
|
|
15
|
-
select?: boolean | undefined;
|
|
16
|
-
}): true | undefined;
|
|
17
|
-
/**
|
|
18
|
-
* Returns a list of potential tabbable candidates.
|
|
19
|
-
*
|
|
20
|
-
* NOTE: This is only a close approximation. For example it doesn't take into account cases like when
|
|
21
|
-
* elements are not visible. This cannot be worked out easily by just reading a property, but rather
|
|
22
|
-
* necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.
|
|
23
|
-
*
|
|
24
|
-
* See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
|
|
25
|
-
* Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
|
|
26
|
-
*/
|
|
27
|
-
export declare function getTabbableCandidates(container: HTMLElement): HTMLElement[];
|
|
28
|
-
export declare function isHidden(node: HTMLElement, { upTo }: {
|
|
29
|
-
upTo?: HTMLElement;
|
|
30
|
-
}): boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Returns the first visible element in a list.
|
|
33
|
-
* NOTE: Only checks visibility up to the `container`.
|
|
34
|
-
*/
|
|
35
|
-
export declare function findVisible(elements: HTMLElement[], container: HTMLElement): HTMLElement | undefined;
|
|
36
|
-
/**
|
|
37
|
-
* Returns the first and last tabbable elements inside a container.
|
|
38
|
-
*/
|
|
39
|
-
export declare function getTabbableEdges(container: HTMLElement): readonly [HTMLElement | undefined, HTMLElement | undefined];
|
|
40
|
-
export declare function isSelectableInput(element: any): element is FocusableTarget & {
|
|
41
|
-
select: () => void;
|
|
42
|
-
};
|
|
43
|
-
export declare function focus(element?: FocusableTarget | null, { select }?: {
|
|
44
|
-
select?: boolean | undefined;
|
|
45
|
-
}): void;
|
|
46
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { CdkOverlayOrigin } from '@angular/cdk/overlay';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
|
-
import { RdxHoverCardRootDirective } from './hover-card-root.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/cdk/overlay";
|
|
6
|
-
export declare class RdxHoverCardAnchorDirective {
|
|
7
|
-
/**
|
|
8
|
-
* @ignore
|
|
9
|
-
* If outside the rootDirective then null, otherwise the rootDirective directive - with optional `true` passed in as the first param.
|
|
10
|
-
* If outside the rootDirective and non-null value that means the html structure is wrong - hover-card inside hover-card.
|
|
11
|
-
* */
|
|
12
|
-
protected rootDirective: RdxHoverCardRootDirective | null;
|
|
13
|
-
/** @ignore */
|
|
14
|
-
readonly elementRef: ElementRef<any>;
|
|
15
|
-
/** @ignore */
|
|
16
|
-
readonly overlayOrigin: CdkOverlayOrigin;
|
|
17
|
-
/** @ignore */
|
|
18
|
-
readonly document: Document;
|
|
19
|
-
/** @ignore */
|
|
20
|
-
readonly name: import("@angular/core").Signal<string>;
|
|
21
|
-
/** @ignore */
|
|
22
|
-
click(): void;
|
|
23
|
-
/** @ignore */
|
|
24
|
-
setRoot(root: RdxHoverCardRootDirective): void;
|
|
25
|
-
private emitOutsideClick;
|
|
26
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxHoverCardAnchorDirective, never>;
|
|
27
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxHoverCardAnchorDirective, "[rdxHoverCardAnchor]", ["rdxHoverCardAnchor"], {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
|
|
28
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { NumberInput } from '@angular/cdk/coercion';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @group Components
|
|
6
|
-
*/
|
|
7
|
-
export declare class RdxHoverCardArrowDirective {
|
|
8
|
-
/** @ignore */
|
|
9
|
-
private readonly renderer;
|
|
10
|
-
/** @ignore */
|
|
11
|
-
private readonly rootDirective;
|
|
12
|
-
/** @ignore */
|
|
13
|
-
readonly elementRef: ElementRef<any>;
|
|
14
|
-
/**
|
|
15
|
-
* The width of the arrow in pixels.
|
|
16
|
-
* @group Props
|
|
17
|
-
* @defaultValue 10
|
|
18
|
-
*/
|
|
19
|
-
readonly width: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
|
|
20
|
-
/**
|
|
21
|
-
* The height of the arrow in pixels.
|
|
22
|
-
* @group Props
|
|
23
|
-
* @defaultValue 5
|
|
24
|
-
*/
|
|
25
|
-
readonly height: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
|
|
26
|
-
/** @ignore */
|
|
27
|
-
readonly arrowSvgElement: import("@angular/core").Signal<HTMLElement>;
|
|
28
|
-
/** @ignore */
|
|
29
|
-
private readonly currentArrowSvgElement;
|
|
30
|
-
/** @ignore */
|
|
31
|
-
private readonly position;
|
|
32
|
-
/** @ignore */
|
|
33
|
-
private anchorOrTriggerRect;
|
|
34
|
-
constructor();
|
|
35
|
-
/** @ignore */
|
|
36
|
-
private setAnchorOrTriggerRect;
|
|
37
|
-
/** @ignore */
|
|
38
|
-
private setPosition;
|
|
39
|
-
/** @ignore */
|
|
40
|
-
private onArrowSvgElementChangeEffect;
|
|
41
|
-
/** @ignore */
|
|
42
|
-
private onContentPositionAndArrowDimensionsChangeEffect;
|
|
43
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxHoverCardArrowDirective, never>;
|
|
44
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxHoverCardArrowDirective, "[rdxHoverCardArrow]", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
45
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* TODO: to be removed? But it seems to be useful when controlled from outside
|
|
5
|
-
*/
|
|
6
|
-
export declare class RdxHoverCardCloseDirective {
|
|
7
|
-
/** @ignore */
|
|
8
|
-
protected readonly rootDirective: import("@radix-ng/primitives/hover-card").RdxHoverCardRootDirective;
|
|
9
|
-
/** @ignore */
|
|
10
|
-
readonly elementRef: ElementRef<any>;
|
|
11
|
-
/** @ignore */
|
|
12
|
-
private readonly renderer;
|
|
13
|
-
constructor();
|
|
14
|
-
/** @ignore */
|
|
15
|
-
private onIsControlledExternallyEffect;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxHoverCardCloseDirective, never>;
|
|
17
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxHoverCardCloseDirective, "[rdxHoverCardClose]", never, {}, {}, never, never, true, never>;
|
|
18
|
-
}
|