@radix-ng/primitives 0.16.0 → 0.17.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/checkbox/src/checkbox-input.directive.d.ts +2 -1
- package/compodoc/documentation.json +3032 -1690
- package/esm2022/accordion/index.mjs +4 -4
- package/esm2022/accordion/src/accordion-content.directive.mjs +3 -3
- package/esm2022/accordion/src/accordion-header.directive.mjs +3 -3
- package/esm2022/accordion/src/accordion-item.directive.mjs +3 -3
- package/esm2022/accordion/src/accordion-root.directive.mjs +3 -3
- package/esm2022/accordion/src/accordion-trigger.directive.mjs +3 -3
- package/esm2022/alert-dialog/index.mjs +4 -4
- package/esm2022/alert-dialog/src/alert-dialog-cancel.directive.mjs +3 -3
- package/esm2022/alert-dialog/src/alert-dialog-content.directive.mjs +3 -3
- package/esm2022/alert-dialog/src/alert-dialog-root.directive.mjs +3 -3
- package/esm2022/alert-dialog/src/alert-dialog-title.directive.mjs +3 -3
- package/esm2022/alert-dialog/src/alert-dialog-trigger.directive.mjs +3 -3
- package/esm2022/alert-dialog/src/alert-dialog.service.mjs +3 -3
- package/esm2022/aspect-ratio/src/aspect-ratio.directive.mjs +3 -3
- package/esm2022/avatar/src/avatar-fallback.directive.mjs +3 -3
- package/esm2022/avatar/src/avatar-image.directive.mjs +3 -3
- package/esm2022/avatar/src/avatar-root.directive.mjs +3 -3
- package/esm2022/checkbox/src/checkbox-button.directive.mjs +3 -3
- package/esm2022/checkbox/src/checkbox-indicator.directive.mjs +3 -3
- package/esm2022/checkbox/src/checkbox-input.directive.mjs +7 -4
- package/esm2022/checkbox/src/checkbox.directive.mjs +3 -3
- package/esm2022/collapsible/src/collapsible-content.directive.mjs +3 -3
- package/esm2022/collapsible/src/collapsible-root.directive.mjs +3 -3
- package/esm2022/collapsible/src/collapsible-trigger.directive.mjs +3 -3
- package/esm2022/context-menu/index.mjs +4 -4
- package/esm2022/context-menu/src/context-menu-content.directive.mjs +3 -3
- package/esm2022/context-menu/src/context-menu-item-checkbox.directive.mjs +3 -3
- package/esm2022/context-menu/src/context-menu-item-indicator.directive.mjs +3 -3
- package/esm2022/context-menu/src/context-menu-item-radio-group.directive.mjs +3 -3
- package/esm2022/context-menu/src/context-menu-item-radio.directive.mjs +3 -3
- package/esm2022/context-menu/src/context-menu-item-selectable.mjs +3 -3
- package/esm2022/context-menu/src/context-menu-item.directive.mjs +3 -3
- package/esm2022/context-menu/src/context-menu-label.directive.mjs +3 -3
- package/esm2022/context-menu/src/context-menu-separator.directive.mjs +3 -3
- package/esm2022/context-menu/src/context-menu-trigger.directive.mjs +3 -3
- package/esm2022/core/src/auto-focus.directive.mjs +3 -3
- package/esm2022/dialog/index.mjs +4 -4
- package/esm2022/dialog/src/dialog-close.directive.mjs +3 -3
- package/esm2022/dialog/src/dialog-content.directive.mjs +3 -3
- package/esm2022/dialog/src/dialog-description.directive.mjs +3 -3
- package/esm2022/dialog/src/dialog-dismiss.directive.mjs +3 -3
- package/esm2022/dialog/src/dialog-title.directive.mjs +3 -3
- package/esm2022/dialog/src/dialog-trigger.directive.mjs +3 -3
- package/esm2022/dialog/src/dialog.service.mjs +3 -3
- package/esm2022/dropdown-menu/index.mjs +4 -4
- package/esm2022/dropdown-menu/src/dropdown-menu-content.directive.mjs +3 -3
- package/esm2022/dropdown-menu/src/dropdown-menu-item-checkbox.directive.mjs +3 -3
- package/esm2022/dropdown-menu/src/dropdown-menu-item-indicator.directive.mjs +3 -3
- package/esm2022/dropdown-menu/src/dropdown-menu-item-radio-group.directive.mjs +3 -3
- package/esm2022/dropdown-menu/src/dropdown-menu-item-radio.directive.mjs +3 -3
- package/esm2022/dropdown-menu/src/dropdown-menu-item-selectable.mjs +3 -3
- package/esm2022/dropdown-menu/src/dropdown-menu-item.directive.mjs +3 -3
- package/esm2022/dropdown-menu/src/dropdown-menu-label.directive.mjs +3 -3
- package/esm2022/dropdown-menu/src/dropdown-menu-separator.directive.mjs +3 -3
- package/esm2022/dropdown-menu/src/dropdown-menu-trigger.directive.mjs +3 -3
- package/esm2022/label/src/label.directive.mjs +3 -3
- package/esm2022/menu/index.mjs +4 -4
- package/esm2022/menu/src/menu-content.directive.mjs +3 -3
- package/esm2022/menu/src/menu-directive.mjs +3 -3
- package/esm2022/menu/src/menu-group.directive.mjs +3 -3
- package/esm2022/menu/src/menu-item.directive.mjs +3 -3
- package/esm2022/menu/src/menu-label.directive.mjs +3 -3
- package/esm2022/menu/src/menu-separator.directive.mjs +3 -3
- package/esm2022/menubar/index.mjs +4 -4
- package/esm2022/menubar/src/menubar-content.directive.mjs +3 -3
- package/esm2022/menubar/src/menubar-item-checkbox.directive.mjs +3 -3
- package/esm2022/menubar/src/menubar-item-indicator.directive.mjs +3 -3
- package/esm2022/menubar/src/menubar-item-radio.directive.mjs +3 -3
- package/esm2022/menubar/src/menubar-item.directive.mjs +3 -3
- package/esm2022/menubar/src/menubar-radio-group.directive.mjs +3 -3
- package/esm2022/menubar/src/menubar-root.directive.mjs +3 -3
- package/esm2022/menubar/src/menubar-separator.directive.mjs +3 -3
- package/esm2022/menubar/src/menubar-trigger.directive.mjs +3 -3
- package/esm2022/progress/index.mjs +4 -4
- package/esm2022/progress/src/progress-indicator.directive.mjs +3 -3
- package/esm2022/progress/src/progress-root.directive.mjs +3 -3
- package/esm2022/radio/src/radio-indicator.directive.mjs +3 -3
- package/esm2022/radio/src/radio-item.directive.mjs +3 -3
- package/esm2022/radio/src/radio-root.directive.mjs +3 -3
- package/esm2022/select/index.mjs +65 -0
- package/esm2022/select/radix-ng-primitives-select.mjs +5 -0
- package/esm2022/select/src/select-content.directive.mjs +53 -0
- package/esm2022/select/src/select-group.directive.mjs +18 -0
- package/esm2022/select/src/select-icon.directive.mjs +18 -0
- package/esm2022/select/src/select-item-indicator.directive.mjs +23 -0
- package/esm2022/select/src/select-item.directive.mjs +116 -0
- package/esm2022/select/src/select-label.directive.mjs +15 -0
- package/esm2022/select/src/select-separator.directive.mjs +18 -0
- package/esm2022/select/src/select-trigger.directive.mjs +38 -0
- package/esm2022/select/src/select-value.directive.mjs +26 -0
- package/esm2022/select/src/select.component.mjs +233 -0
- package/esm2022/separator/src/separator.directive.mjs +3 -3
- package/esm2022/switch/index.mjs +4 -4
- package/esm2022/switch/src/switch-input.directive.mjs +3 -3
- package/esm2022/switch/src/switch-root.directive.mjs +3 -3
- package/esm2022/switch/src/switch-thumb.directive.mjs +3 -3
- package/esm2022/tabs/index.mjs +4 -4
- package/esm2022/tabs/src/tabs-content.directive.mjs +3 -3
- package/esm2022/tabs/src/tabs-context.service.mjs +3 -3
- package/esm2022/tabs/src/tabs-list.directive.mjs +3 -3
- package/esm2022/tabs/src/tabs-root.directive.mjs +3 -3
- package/esm2022/tabs/src/tabs-trigger.directive.mjs +3 -3
- package/esm2022/toggle/src/toggle-input.directive.mjs +3 -3
- package/esm2022/toggle/src/toggle.directive.mjs +3 -3
- package/esm2022/toggle-group/src/toggle-group-item.directive.mjs +3 -3
- package/esm2022/toggle-group/src/toggle-group-multiple.directive.mjs +3 -3
- package/esm2022/toggle-group/src/toggle-group.directive.mjs +3 -3
- package/esm2022/visually-hidden/src/visually-hidden-input-bubble.directive.mjs +3 -3
- package/esm2022/visually-hidden/src/visually-hidden-input.directive.mjs +3 -3
- package/esm2022/visually-hidden/src/visually-hidden.directive.mjs +3 -3
- package/fesm2022/radix-ng-primitives-accordion.mjs +19 -19
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs +22 -22
- package/fesm2022/radix-ng-primitives-aspect-ratio.mjs +3 -3
- package/fesm2022/radix-ng-primitives-avatar.mjs +9 -9
- package/fesm2022/radix-ng-primitives-checkbox.mjs +15 -12
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collapsible.mjs +9 -9
- package/fesm2022/radix-ng-primitives-context-menu.mjs +34 -34
- package/fesm2022/radix-ng-primitives-core.mjs +3 -3
- package/fesm2022/radix-ng-primitives-dialog.mjs +25 -25
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +34 -34
- package/fesm2022/radix-ng-primitives-label.mjs +3 -3
- package/fesm2022/radix-ng-primitives-menu.mjs +22 -22
- package/fesm2022/radix-ng-primitives-menubar.mjs +31 -31
- package/fesm2022/radix-ng-primitives-progress.mjs +10 -10
- package/fesm2022/radix-ng-primitives-radio.mjs +9 -9
- package/fesm2022/radix-ng-primitives-select.mjs +576 -0
- package/fesm2022/radix-ng-primitives-select.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-separator.mjs +3 -3
- package/fesm2022/radix-ng-primitives-switch.mjs +13 -13
- package/fesm2022/radix-ng-primitives-tabs.mjs +19 -19
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +9 -9
- package/fesm2022/radix-ng-primitives-toggle.mjs +6 -6
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +9 -9
- package/package.json +7 -1
- package/select/README.md +1 -0
- package/select/index.d.ts +26 -0
- package/select/src/select-content.directive.d.ts +20 -0
- package/select/src/select-group.directive.d.ts +5 -0
- package/select/src/select-icon.directive.d.ts +5 -0
- package/select/src/select-item-indicator.directive.d.ts +7 -0
- package/select/src/select-item.directive.d.ts +47 -0
- package/select/src/select-label.directive.d.ts +5 -0
- package/select/src/select-separator.directive.d.ts +5 -0
- package/select/src/select-trigger.directive.d.ts +11 -0
- package/select/src/select-value.directive.d.ts +8 -0
- package/select/src/select.component.d.ts +81 -0
@@ -0,0 +1,5 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class RdxSelectSeparatorDirective {
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectSeparatorDirective, never>;
|
4
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectSeparatorDirective, "[rdxSelectSeparator]", ["rdxSelectSeparator"], {}, {}, never, never, true, never>;
|
5
|
+
}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { RdxSelectValueDirective } from './select-value.directive';
|
2
|
+
import { RdxSelectComponent } from './select.component';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class RdxSelectTriggerDirective {
|
5
|
+
protected nativeElement: any;
|
6
|
+
protected select: RdxSelectComponent;
|
7
|
+
protected value: RdxSelectValueDirective;
|
8
|
+
focus(): void;
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectTriggerDirective, never>;
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectTriggerDirective, "[rdxSelectTrigger]", never, {}, {}, ["value"], never, true, never>;
|
11
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { RdxSelectComponent } from './select.component';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class RdxSelectValueDirective {
|
4
|
+
select: RdxSelectComponent;
|
5
|
+
placeholder: string;
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectValueDirective, never>;
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RdxSelectValueDirective, "[rdxSelectValue]", ["rdxSelectValue"], { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
|
8
|
+
}
|
@@ -0,0 +1,81 @@
|
|
1
|
+
import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
|
2
|
+
import { Directionality } from '@angular/cdk/bidi';
|
3
|
+
import { SelectionModel } from '@angular/cdk/collections';
|
4
|
+
import { CdkConnectedOverlay, ConnectedPosition, Overlay } from '@angular/cdk/overlay';
|
5
|
+
import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
|
6
|
+
import { Observable } from 'rxjs';
|
7
|
+
import { RdxSelectContentDirective } from './select-content.directive';
|
8
|
+
import { RdxSelectItemChange, RdxSelectItemDirective } from './select-item.directive';
|
9
|
+
import { RdxSelectTriggerDirective } from './select-trigger.directive';
|
10
|
+
import * as i0 from "@angular/core";
|
11
|
+
export declare class RdxSelectComponent implements OnInit, AfterContentInit {
|
12
|
+
protected overlay: Overlay;
|
13
|
+
protected elementRef: ElementRef<any>;
|
14
|
+
protected changeDetectorRef: ChangeDetectorRef;
|
15
|
+
private readonly destroyRef;
|
16
|
+
private readonly ngZone;
|
17
|
+
protected trigger: RdxSelectTriggerDirective;
|
18
|
+
protected content: RdxSelectContentDirective;
|
19
|
+
items: QueryList<RdxSelectItemDirective>;
|
20
|
+
overlayDir: CdkConnectedOverlay;
|
21
|
+
/** Deals with the selection logic. */
|
22
|
+
selectionModel: SelectionModel<RdxSelectItemDirective>;
|
23
|
+
/**
|
24
|
+
* This position config ensures that the top "start" corner of the overlay
|
25
|
+
* is aligned with the top "start" of the origin by default (overlapping
|
26
|
+
* the trigger completely). If the panel cannot fit below the trigger, it
|
27
|
+
* will fall back to a position above the trigger.
|
28
|
+
*/
|
29
|
+
positions: ConnectedPosition[];
|
30
|
+
private closeSubscription;
|
31
|
+
/**
|
32
|
+
* @ignore
|
33
|
+
*/
|
34
|
+
readonly dir: Directionality | null;
|
35
|
+
/**
|
36
|
+
* @ignore
|
37
|
+
*/
|
38
|
+
protected keyManager: ActiveDescendantKeyManager<RdxSelectItemDirective>;
|
39
|
+
/**
|
40
|
+
* @ignore
|
41
|
+
*/
|
42
|
+
readonly id: string;
|
43
|
+
defaultValue: string;
|
44
|
+
name: string;
|
45
|
+
defaultOpen: boolean;
|
46
|
+
open: boolean;
|
47
|
+
/** Whether the Select is disabled. */
|
48
|
+
disabled: boolean;
|
49
|
+
required: boolean;
|
50
|
+
/**
|
51
|
+
* The controlled value of the item to expand
|
52
|
+
*/
|
53
|
+
set value(value: string);
|
54
|
+
get value(): string | null;
|
55
|
+
private _value?;
|
56
|
+
readonly onValueChange: EventEmitter<string>;
|
57
|
+
readonly onOpenChange: EventEmitter<boolean>;
|
58
|
+
readonly optionSelectionChanges: Observable<RdxSelectItemChange>;
|
59
|
+
get selected(): string | null;
|
60
|
+
ngOnInit(): void;
|
61
|
+
ngAfterContentInit(): void;
|
62
|
+
/**
|
63
|
+
* Callback that is invoked when the overlay panel has been attached.
|
64
|
+
*/
|
65
|
+
onAttached(): void;
|
66
|
+
onDetach(): void;
|
67
|
+
/** Toggles the overlay panel open or closed. */
|
68
|
+
toggle(): void;
|
69
|
+
openPanel(): void;
|
70
|
+
close(): void;
|
71
|
+
updateActiveItem(item: RdxSelectItemDirective): void;
|
72
|
+
private selectDefaultValue;
|
73
|
+
private selectValue;
|
74
|
+
private closingActions;
|
75
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectComponent, never>;
|
76
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RdxSelectComponent, "[rdxSelect]", never, { "defaultValue": { "alias": "defaultValue"; "required": false; }; "name": { "alias": "name"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChange": "onValueChange"; "onOpenChange": "onOpenChange"; }, ["trigger", "content", "items"], ["[rdxSelectTrigger]", "[rdxSelectContent]"], true, never>;
|
77
|
+
static ngAcceptInputType_defaultOpen: unknown;
|
78
|
+
static ngAcceptInputType_open: unknown;
|
79
|
+
static ngAcceptInputType_disabled: unknown;
|
80
|
+
static ngAcceptInputType_required: unknown;
|
81
|
+
}
|