@radix-ng/primitives 0.7.1 → 0.8.1
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/README.md +1 -0
- package/accordion/index.d.ts +5 -0
- package/accordion/src/accordion-content.directive.d.ts +64 -0
- package/accordion/src/accordion-header.directive.d.ts +23 -0
- package/accordion/src/accordion-item.directive.d.ts +36 -0
- package/accordion/src/accordion-root.directive.d.ts +57 -0
- package/accordion/src/accordion-trigger.directive.d.ts +31 -0
- package/alert-dialog/src/alert-dialog-content.directive.d.ts +2 -1
- package/dropdown-menu/README.md +1 -0
- package/dropdown-menu/index.d.ts +5 -0
- package/dropdown-menu/src/dropdown-menu-content.directive.d.ts +6 -0
- package/dropdown-menu/src/dropdown-menu-item.directive.d.ts +8 -0
- package/dropdown-menu/src/dropdown-menu-label.directive.d.ts +5 -0
- package/dropdown-menu/src/dropdown-menu-separator.directive.d.ts +6 -0
- package/dropdown-menu/src/dropdown-menu-trigger.directive.d.ts +11 -0
- package/esm2022/accordion/index.mjs +6 -0
- package/esm2022/accordion/radix-ng-primitives-accordion.mjs +5 -0
- package/esm2022/accordion/src/accordion-content.directive.mjs +139 -0
- package/esm2022/accordion/src/accordion-header.directive.mjs +44 -0
- package/esm2022/accordion/src/accordion-item.directive.mjs +75 -0
- package/esm2022/accordion/src/accordion-root.directive.mjs +120 -0
- package/esm2022/accordion/src/accordion-trigger.directive.mjs +61 -0
- package/esm2022/alert-dialog/src/alert-dialog-content.directive.mjs +11 -3
- package/esm2022/alert-dialog/src/alert-dialog.service.mjs +6 -1
- package/esm2022/dropdown-menu/index.mjs +6 -0
- package/esm2022/dropdown-menu/radix-ng-primitives-dropdown-menu.mjs +5 -0
- package/esm2022/dropdown-menu/src/dropdown-menu-content.directive.mjs +17 -0
- package/esm2022/dropdown-menu/src/dropdown-menu-item.directive.mjs +23 -0
- package/esm2022/dropdown-menu/src/dropdown-menu-label.directive.mjs +14 -0
- package/esm2022/dropdown-menu/src/dropdown-menu-separator.directive.mjs +21 -0
- package/esm2022/dropdown-menu/src/dropdown-menu-trigger.directive.mjs +46 -0
- package/esm2022/menu/index.mjs +45 -0
- package/esm2022/menu/radix-ng-primitives-menu.mjs +5 -0
- package/esm2022/menu/src/menu-content.directive.mjs +17 -0
- package/esm2022/menu/src/menu-directive.mjs +18 -0
- package/esm2022/menu/src/menu-group.directive.mjs +20 -0
- package/esm2022/menu/src/menu-item.directive.mjs +42 -0
- package/esm2022/menu/src/menu-label.directive.mjs +14 -0
- package/esm2022/menu/src/menu-separator.directive.mjs +21 -0
- package/esm2022/menubar/index.mjs +60 -0
- package/esm2022/menubar/radix-ng-primitives-menubar.mjs +5 -0
- package/esm2022/menubar/src/menubar-content.directive.mjs +17 -0
- package/esm2022/menubar/src/menubar-item-checkbox.directive.mjs +34 -0
- package/esm2022/menubar/src/menubar-item-indicator.directive.mjs +17 -0
- package/esm2022/menubar/src/menubar-item-radio.directive.mjs +35 -0
- package/esm2022/menubar/src/menubar-item.directive.mjs +20 -0
- package/esm2022/menubar/src/menubar-radio-group.directive.mjs +17 -0
- package/esm2022/menubar/src/menubar-root.directive.mjs +24 -0
- package/esm2022/menubar/src/menubar-separator.directive.mjs +17 -0
- package/esm2022/menubar/src/menubar-trigger.directive.mjs +45 -0
- package/esm2022/radio/src/radio-item.directive.mjs +1 -2
- package/esm2022/tabs/index.mjs +38 -0
- package/esm2022/tabs/radix-ng-primitives-tabs.mjs +5 -0
- package/esm2022/tabs/src/tabs-content.directive.mjs +27 -0
- package/esm2022/tabs/src/tabs-context.service.mjs +43 -0
- package/esm2022/tabs/src/tabs-list.directive.mjs +23 -0
- package/esm2022/tabs/src/tabs-root.directive.mjs +54 -0
- package/esm2022/tabs/src/tabs-trigger.directive.mjs +52 -0
- package/fesm2022/radix-ng-primitives-accordion.mjs +431 -0
- package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs +15 -2
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +116 -0
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-menu.mjs +154 -0
- package/fesm2022/radix-ng-primitives-menu.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-menubar.mjs +245 -0
- package/fesm2022/radix-ng-primitives-menubar.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-radio.mjs +0 -1
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tabs.mjs +220 -0
- package/fesm2022/radix-ng-primitives-tabs.mjs.map +1 -0
- package/menu/README.md +1 -0
- package/menu/index.d.ts +18 -0
- package/menu/src/menu-content.directive.d.ts +6 -0
- package/menu/src/menu-directive.d.ts +6 -0
- package/menu/src/menu-group.directive.d.ts +6 -0
- package/menu/src/menu-item.directive.d.ts +12 -0
- package/menu/src/menu-label.directive.d.ts +5 -0
- package/menu/src/menu-separator.directive.d.ts +6 -0
- package/menubar/README.md +1 -0
- package/menubar/index.d.ts +24 -0
- package/menubar/src/menubar-content.directive.d.ts +6 -0
- package/menubar/src/menubar-item-checkbox.directive.d.ts +14 -0
- package/menubar/src/menubar-item-indicator.directive.d.ts +5 -0
- package/menubar/src/menubar-item-radio.directive.d.ts +14 -0
- package/menubar/src/menubar-item.directive.d.ts +8 -0
- package/menubar/src/menubar-radio-group.directive.d.ts +6 -0
- package/menubar/src/menubar-root.directive.d.ts +7 -0
- package/menubar/src/menubar-separator.directive.d.ts +6 -0
- package/menubar/src/menubar-trigger.directive.d.ts +11 -0
- package/package.json +31 -1
- package/tabs/index.d.ts +15 -0
- package/tabs/src/tabs-content.directive.d.ts +8 -0
- package/tabs/src/tabs-context.service.d.ts +22 -0
- package/tabs/src/tabs-list.directive.d.ts +6 -0
- package/tabs/src/tabs-root.directive.d.ts +37 -0
- package/tabs/src/tabs-trigger.directive.d.ts +19 -0
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@radix-ng/primitives",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.8.1",
|
4
4
|
"license": "MIT",
|
5
5
|
"publishConfig": {
|
6
6
|
"access": "public"
|
@@ -37,6 +37,12 @@
|
|
37
37
|
"esm": "./esm2022/radix-ng-primitives.mjs",
|
38
38
|
"default": "./fesm2022/radix-ng-primitives.mjs"
|
39
39
|
},
|
40
|
+
"./accordion": {
|
41
|
+
"types": "./accordion/index.d.ts",
|
42
|
+
"esm2022": "./esm2022/accordion/radix-ng-primitives-accordion.mjs",
|
43
|
+
"esm": "./esm2022/accordion/radix-ng-primitives-accordion.mjs",
|
44
|
+
"default": "./fesm2022/radix-ng-primitives-accordion.mjs"
|
45
|
+
},
|
40
46
|
"./alert-dialog": {
|
41
47
|
"types": "./alert-dialog/index.d.ts",
|
42
48
|
"esm2022": "./esm2022/alert-dialog/radix-ng-primitives-alert-dialog.mjs",
|
@@ -61,12 +67,30 @@
|
|
61
67
|
"esm": "./esm2022/collapsible/radix-ng-primitives-collapsible.mjs",
|
62
68
|
"default": "./fesm2022/radix-ng-primitives-collapsible.mjs"
|
63
69
|
},
|
70
|
+
"./dropdown-menu": {
|
71
|
+
"types": "./dropdown-menu/index.d.ts",
|
72
|
+
"esm2022": "./esm2022/dropdown-menu/radix-ng-primitives-dropdown-menu.mjs",
|
73
|
+
"esm": "./esm2022/dropdown-menu/radix-ng-primitives-dropdown-menu.mjs",
|
74
|
+
"default": "./fesm2022/radix-ng-primitives-dropdown-menu.mjs"
|
75
|
+
},
|
64
76
|
"./label": {
|
65
77
|
"types": "./label/index.d.ts",
|
66
78
|
"esm2022": "./esm2022/label/radix-ng-primitives-label.mjs",
|
67
79
|
"esm": "./esm2022/label/radix-ng-primitives-label.mjs",
|
68
80
|
"default": "./fesm2022/radix-ng-primitives-label.mjs"
|
69
81
|
},
|
82
|
+
"./menu": {
|
83
|
+
"types": "./menu/index.d.ts",
|
84
|
+
"esm2022": "./esm2022/menu/radix-ng-primitives-menu.mjs",
|
85
|
+
"esm": "./esm2022/menu/radix-ng-primitives-menu.mjs",
|
86
|
+
"default": "./fesm2022/radix-ng-primitives-menu.mjs"
|
87
|
+
},
|
88
|
+
"./menubar": {
|
89
|
+
"types": "./menubar/index.d.ts",
|
90
|
+
"esm2022": "./esm2022/menubar/radix-ng-primitives-menubar.mjs",
|
91
|
+
"esm": "./esm2022/menubar/radix-ng-primitives-menubar.mjs",
|
92
|
+
"default": "./fesm2022/radix-ng-primitives-menubar.mjs"
|
93
|
+
},
|
70
94
|
"./progress": {
|
71
95
|
"types": "./progress/index.d.ts",
|
72
96
|
"esm2022": "./esm2022/progress/radix-ng-primitives-progress.mjs",
|
@@ -97,6 +121,12 @@
|
|
97
121
|
"esm": "./esm2022/switch/radix-ng-primitives-switch.mjs",
|
98
122
|
"default": "./fesm2022/radix-ng-primitives-switch.mjs"
|
99
123
|
},
|
124
|
+
"./tabs": {
|
125
|
+
"types": "./tabs/index.d.ts",
|
126
|
+
"esm2022": "./esm2022/tabs/radix-ng-primitives-tabs.mjs",
|
127
|
+
"esm": "./esm2022/tabs/radix-ng-primitives-tabs.mjs",
|
128
|
+
"default": "./fesm2022/radix-ng-primitives-tabs.mjs"
|
129
|
+
},
|
100
130
|
"./toggle": {
|
101
131
|
"types": "./toggle/index.d.ts",
|
102
132
|
"esm2022": "./esm2022/toggle/radix-ng-primitives-toggle.mjs",
|
package/tabs/index.d.ts
ADDED
@@ -0,0 +1,15 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./src/tabs-root.directive";
|
3
|
+
import * as i2 from "./src/tabs-content.directive";
|
4
|
+
import * as i3 from "./src/tabs-list.directive";
|
5
|
+
import * as i4 from "./src/tabs-trigger.directive";
|
6
|
+
export * from './src/tabs-root.directive';
|
7
|
+
export * from './src/tabs-content.directive';
|
8
|
+
export * from './src/tabs-list.directive';
|
9
|
+
export * from './src/tabs-trigger.directive';
|
10
|
+
export * from './src/tabs-context.service';
|
11
|
+
export declare class RdxTabsModule {
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsModule, never>;
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<RdxTabsModule, never, [typeof i1.RdxTabsRootDirective, typeof i2.RdxTabsContentDirective, typeof i3.RdxTabsListDirective, typeof i4.RdxTabsTriggerDirective], [typeof i1.RdxTabsRootDirective, typeof i2.RdxTabsContentDirective, typeof i3.RdxTabsListDirective, typeof i4.RdxTabsTriggerDirective]>;
|
14
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<RdxTabsModule>;
|
15
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class RdxTabsContentDirective {
|
3
|
+
protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
|
4
|
+
readonly value: import("@angular/core").InputSignal<string>;
|
5
|
+
protected readonly selected: import("@angular/core").Signal<boolean>;
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsContentDirective, never>;
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsContentDirective, "[TabsContent]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
8
|
+
}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare const TABS_CONTEXT_TOKEN: InjectionToken<RdxTabsContextService>;
|
4
|
+
export declare class RdxTabsContextService {
|
5
|
+
private baseId;
|
6
|
+
private value;
|
7
|
+
private orientation;
|
8
|
+
private dir;
|
9
|
+
private activationMode;
|
10
|
+
readonly value$: import("@angular/core").Signal<string | undefined>;
|
11
|
+
readonly orientation$: import("@angular/core").Signal<string>;
|
12
|
+
readonly dir$: import("@angular/core").Signal<string | undefined>;
|
13
|
+
readonly activationMode$: import("@angular/core").Signal<string>;
|
14
|
+
setValue(value: string): void;
|
15
|
+
setOrientation(orientation: string): void;
|
16
|
+
setDir(dir: string): void;
|
17
|
+
setActivationMode(mode: string): void;
|
18
|
+
getBaseId(): string;
|
19
|
+
private generateId;
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsContextService, never>;
|
21
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<RdxTabsContextService>;
|
22
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class RdxTabsListDirective {
|
3
|
+
protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsListDirective, never>;
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsListDirective, "[TabsList]", never, {}, {}, never, never, true, never>;
|
6
|
+
}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export interface TabsProps {
|
4
|
+
/** The value for the selected tab, if controlled */
|
5
|
+
value?: string;
|
6
|
+
/** The value of the tab to select by default, if uncontrolled */
|
7
|
+
defaultValue?: string;
|
8
|
+
/** A function called when a new tab is selected */
|
9
|
+
onValueChange?: (value: string) => void;
|
10
|
+
/**
|
11
|
+
* The orientation the tabs are layed out.
|
12
|
+
* Mainly so arrow navigation is done accordingly (left & right vs. up & down)
|
13
|
+
* @defaultValue horizontal
|
14
|
+
*/
|
15
|
+
orientation?: string;
|
16
|
+
/**
|
17
|
+
* The direction of navigation between toolbar items.
|
18
|
+
*/
|
19
|
+
dir?: string;
|
20
|
+
/**
|
21
|
+
* Whether a tab is activated automatically or manually.
|
22
|
+
* @defaultValue automatic
|
23
|
+
* */
|
24
|
+
activationMode?: 'automatic' | 'manual';
|
25
|
+
}
|
26
|
+
export declare class RdxTabsRootDirective implements OnInit {
|
27
|
+
private readonly tabsContext;
|
28
|
+
value?: string;
|
29
|
+
defaultValue?: string;
|
30
|
+
orientation: string;
|
31
|
+
dir?: string;
|
32
|
+
onValueChange: EventEmitter<string>;
|
33
|
+
constructor();
|
34
|
+
ngOnInit(): void;
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsRootDirective, never>;
|
36
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsRootDirective, "[TabsRoot]", never, { "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; }, { "onValueChange": "onValueChange"; }, never, never, true, never>;
|
37
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
2
|
+
import { InputSignalWithTransform } from '@angular/core';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
interface TabsTriggerProps {
|
5
|
+
disabled: InputSignalWithTransform<boolean, BooleanInput>;
|
6
|
+
}
|
7
|
+
export declare class RdxTabsTriggerDirective implements TabsTriggerProps {
|
8
|
+
protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
|
9
|
+
readonly value: import("@angular/core").InputSignal<string>;
|
10
|
+
readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
|
11
|
+
protected readonly contentId: import("@angular/core").Signal<string>;
|
12
|
+
protected readonly triggerId: import("@angular/core").Signal<string>;
|
13
|
+
protected readonly selected: import("@angular/core").Signal<boolean>;
|
14
|
+
protected onMouseDown(event: MouseEvent): void;
|
15
|
+
protected onKeyDown(event: KeyboardEvent): void;
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsTriggerDirective, never>;
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsTriggerDirective, "[TabsTrigger]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
18
|
+
}
|
19
|
+
export {};
|