@radix-ng/primitives 0.29.0 → 0.31.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.directive.d.ts +11 -0
- package/config/index.d.ts +2 -0
- package/config/src/config.d.ts +21 -0
- package/config/src/config.provider.d.ts +10 -0
- package/core/index.d.ts +2 -0
- package/core/src/isNumber.d.ts +1 -0
- package/core/src/nullish.d.ts +1 -0
- package/dialog/src/dialog.config.d.ts +1 -0
- package/dropdown-menu/src/dropdown-menu-label.directive.d.ts +2 -1
- package/dropdown-menu/src/dropdown-menu-separator.directive.d.ts +2 -2
- package/fesm2022/radix-ng-primitives-accordion.mjs +20 -20
- 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 +16 -16
- package/fesm2022/radix-ng-primitives-checkbox.mjs +28 -17
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collapsible.mjs +10 -10
- package/fesm2022/radix-ng-primitives-config.mjs +54 -0
- package/fesm2022/radix-ng-primitives-config.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-context-menu.mjs +36 -36
- package/fesm2022/radix-ng-primitives-core.mjs +14 -8
- package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dialog.mjs +40 -38
- package/fesm2022/radix-ng-primitives-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +39 -44
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-hover-card.mjs +30 -33
- package/fesm2022/radix-ng-primitives-hover-card.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-label.mjs +3 -3
- package/fesm2022/radix-ng-primitives-menu.mjs +429 -62
- package/fesm2022/radix-ng-primitives-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menubar.mjs +87 -139
- package/fesm2022/radix-ng-primitives-menubar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-pagination.mjs +326 -0
- package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-popover.mjs +30 -33
- package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-progress.mjs +68 -90
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +13 -13
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +7 -7
- package/fesm2022/radix-ng-primitives-select.mjs +36 -36
- package/fesm2022/radix-ng-primitives-separator.mjs +3 -3
- package/fesm2022/radix-ng-primitives-slider.mjs +32 -32
- package/fesm2022/radix-ng-primitives-switch.mjs +13 -13
- package/fesm2022/radix-ng-primitives-tabs.mjs +16 -16
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +9 -9
- package/fesm2022/radix-ng-primitives-toggle.mjs +6 -6
- package/fesm2022/radix-ng-primitives-toolbar.mjs +22 -22
- package/fesm2022/radix-ng-primitives-tooltip.mjs +30 -33
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +9 -9
- package/hover-card/src/hover-card-root.directive.d.ts +4 -4
- package/menu/index.d.ts +20 -9
- package/menu/src/menu-content.directive.d.ts +1 -1
- package/menu/src/menu-directive.d.ts +1 -1
- package/menu/src/menu-group.directive.d.ts +1 -1
- package/menu/src/menu-item-checkbox.directive.d.ts +21 -0
- package/menu/src/menu-item-indicator.directive.d.ts +10 -0
- package/menu/src/menu-item-radio.directive.d.ts +20 -0
- package/menu/src/menu-item.directive.d.ts +8 -2
- package/menu/src/menu-label.directive.d.ts +1 -1
- package/menu/src/menu-radio-group.directive.d.ts +6 -0
- package/menu/src/menu-separator.directive.d.ts +1 -2
- package/menu/src/menu-trigger.directive.d.ts +35 -0
- package/menu/src/utils.d.ts +3 -0
- package/menubar/index.d.ts +1 -1
- package/menubar/src/menubar-content.directive.d.ts +2 -2
- package/menubar/src/menubar-item-checkbox.directive.d.ts +2 -10
- package/menubar/src/menubar-item-indicator.directive.d.ts +2 -1
- package/menubar/src/menubar-item-radio.directive.d.ts +2 -10
- package/menubar/src/menubar-item.directive.d.ts +1 -3
- package/menubar/src/menubar-radio-group.directive.d.ts +1 -1
- package/menubar/src/menubar-root.directive.d.ts +3 -4
- package/menubar/src/menubar-separator.directive.d.ts +1 -1
- package/menubar/src/menubar-trigger.directive.d.ts +2 -7
- package/package.json +19 -11
- package/pagination/README.md +1 -0
- package/pagination/index.d.ts +23 -0
- package/pagination/src/pagination-context.token.d.ts +11 -0
- package/pagination/src/pagination-ellipsis.directive.d.ts +5 -0
- package/pagination/src/pagination-first.directive.d.ts +8 -0
- package/pagination/src/pagination-last.directive.d.ts +8 -0
- package/pagination/src/pagination-list-item.directive.d.ts +10 -0
- package/pagination/src/pagination-list.directive.d.ts +12 -0
- package/pagination/src/pagination-next.directive.d.ts +8 -0
- package/pagination/src/pagination-prev.directive.d.ts +8 -0
- package/pagination/src/pagination-root.directive.d.ts +18 -0
- package/pagination/src/utils.d.ts +9 -0
- package/popover/src/popover-root.directive.d.ts +4 -4
- package/progress/src/progress-root.directive.d.ts +19 -33
- package/schematics/collection.json +2 -3
- package/schematics/ng-add/index.d.ts +1 -2
- package/schematics/ng-add/index.js +48 -18
- package/schematics/ng-add/index.js.map +1 -1
- package/schematics/ng-add/package-config.d.ts +18 -0
- package/schematics/ng-add/package-config.js +51 -0
- package/schematics/ng-add/package-config.js.map +1 -0
- package/tooltip/src/tooltip-root.directive.d.ts +4 -4
- package/LICENSE +0 -21
- package/schematics/ng-add/schema.d.ts +0 -3
- package/schematics/ng-add/schema.js +0 -3
- package/schematics/ng-add/schema.js.map +0 -1
@@ -2,26 +2,37 @@ import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
3
3
|
import * as i0 from "@angular/core";
|
4
4
|
export type CheckboxState = 'unchecked' | 'checked' | 'indeterminate';
|
5
|
+
/**
|
6
|
+
* @group Components
|
7
|
+
*/
|
5
8
|
export declare class RdxCheckboxDirective implements ControlValueAccessor, OnChanges {
|
6
9
|
/**
|
7
10
|
* The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
|
11
|
+
* @group Props
|
8
12
|
*/
|
9
13
|
checked: boolean;
|
10
14
|
/**
|
11
15
|
* Defines whether the checkbox is indeterminate.
|
16
|
+
* @group Props
|
12
17
|
*/
|
13
18
|
indeterminate: boolean;
|
14
19
|
/**
|
15
20
|
* Defines whether the checkbox is disabled.
|
21
|
+
* @group Props
|
16
22
|
*/
|
17
23
|
disabled: boolean;
|
24
|
+
/**
|
25
|
+
* @group Props
|
26
|
+
*/
|
18
27
|
required: boolean;
|
19
28
|
/**
|
20
29
|
* Event emitted when the checkbox checked state changes.
|
30
|
+
* @group Emits
|
21
31
|
*/
|
22
32
|
readonly checkedChange: EventEmitter<boolean>;
|
23
33
|
/**
|
24
34
|
* Event emitted when the indeterminate state changes.
|
35
|
+
* @group Emits
|
25
36
|
*/
|
26
37
|
readonly indeterminateChange: EventEmitter<boolean>;
|
27
38
|
/**
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { Direction } from '@angular/cdk/bidi';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export type RadixNGConfig = {
|
4
|
+
/**
|
5
|
+
* The global reading direction of your application. This will be inherited by all primitives.
|
6
|
+
* @defaultValue 'ltr'
|
7
|
+
*/
|
8
|
+
dir?: Direction;
|
9
|
+
/**
|
10
|
+
* The global locale of your application. This will be inherited by all primitives.
|
11
|
+
* @defaultValue 'en'
|
12
|
+
*/
|
13
|
+
locale?: string;
|
14
|
+
};
|
15
|
+
export declare class RadixNG {
|
16
|
+
readonly dir: import("@angular/core").WritableSignal<Direction>;
|
17
|
+
readonly locale: import("@angular/core").WritableSignal<string>;
|
18
|
+
setConfig(config: RadixNGConfig): void;
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadixNG, never>;
|
20
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<RadixNG>;
|
21
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { EnvironmentProviders, InjectionToken } from '@angular/core';
|
2
|
+
import { type RadixNGConfig } from './config';
|
3
|
+
export declare const RADIX_NG_CONFIG: InjectionToken<RadixNGConfig>;
|
4
|
+
/**
|
5
|
+
* Provides RadixNG configuration as environment providers.
|
6
|
+
*
|
7
|
+
* @param features One or more RadixNG configuration objects.
|
8
|
+
* @returns A set of environment providers that register the RadixNG configs.
|
9
|
+
*/
|
10
|
+
export declare function provideRadixNG(...features: RadixNGConfig[]): EnvironmentProviders;
|
package/core/index.d.ts
CHANGED
@@ -5,6 +5,8 @@ export * from './src/id-generator';
|
|
5
5
|
export * from './src/inject-ng-control';
|
6
6
|
export * from './src/is-client';
|
7
7
|
export * from './src/is-inside-form';
|
8
|
+
export * from './src/isNumber';
|
9
|
+
export * from './src/nullish';
|
8
10
|
export * from './src/window';
|
9
11
|
export * from './src/positioning/constants';
|
10
12
|
export * from './src/positioning/types';
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const isNumber: (v: any) => v is number;
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare function isNullish(value: any): value is null | undefined;
|
@@ -30,6 +30,7 @@ type RdxBaseDialogConfig<C> = {
|
|
30
30
|
mode?: RdxDialogMode;
|
31
31
|
backdropClass?: string | string[];
|
32
32
|
panelClasses?: string[];
|
33
|
+
isAlert?: boolean;
|
33
34
|
};
|
34
35
|
export type RdxDialogConfig<T> = RdxDialogData<T> extends never ? Omit<RdxBaseDialogConfig<T>, 'data'> : RdxBaseDialogConfig<T> & {
|
35
36
|
data: Required<RdxDialogData<T>>;
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "@radix-ng/primitives/menu";
|
2
3
|
export declare class RdxDropdownMenuLabelDirective {
|
3
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxDropdownMenuLabelDirective, never>;
|
4
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDropdownMenuLabelDirective, "[rdxDropdownMenuLabel]", never, {}, {}, never, never, true,
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDropdownMenuLabelDirective, "[rdxDropdownMenuLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuLabelDirective; inputs: {}; outputs: {}; }]>;
|
5
6
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "@radix-ng/primitives/
|
2
|
+
import * as i1 from "@radix-ng/primitives/menu";
|
3
3
|
export declare class RdxDropdownMenuSeparatorDirective {
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxDropdownMenuSeparatorDirective, never>;
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDropdownMenuSeparatorDirective, "[rdxDropdownMenuSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDropdownMenuSeparatorDirective, "[rdxDropdownMenuSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuSeparatorDirective; inputs: {}; outputs: {}; }]>;
|
6
6
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { InjectionToken, inject, EventEmitter, booleanAttribute,
|
2
|
+
import { InjectionToken, inject, EventEmitter, booleanAttribute, Output, Input, forwardRef, ContentChildren, Directive, ElementRef, ChangeDetectorRef, ContentChild, NgModule } from '@angular/core';
|
3
3
|
import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
|
4
4
|
import { Subject, merge, Subscription } from 'rxjs';
|
5
5
|
import { FocusKeyManager } from '@angular/cdk/a11y';
|
@@ -158,13 +158,13 @@ class RdxAccordionRootDirective {
|
|
158
158
|
setActiveItem(item) {
|
159
159
|
this.keyManager.setActiveItem(item);
|
160
160
|
}
|
161
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
162
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.
|
161
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
162
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.4", type: RdxAccordionRootDirective, isStandalone: true, selector: "[rdxAccordionRoot]", inputs: { disabled: ["disabled", "disabled", booleanAttribute], orientation: "orientation", defaultValue: "defaultValue", type: "type", collapsible: "collapsible", value: "value" }, outputs: { onValueChange: "onValueChange" }, host: { listeners: { "keydown": "handleKeydown($event)" }, properties: { "attr.data-orientation": "orientation" } }, providers: [
|
163
163
|
{ provide: RdxAccordionRootToken, useExisting: RdxAccordionRootDirective },
|
164
164
|
{ provide: UniqueSelectionDispatcher, useClass: UniqueSelectionDispatcher }
|
165
165
|
], queries: [{ propertyName: "items", predicate: i0.forwardRef(() => RdxAccordionItemDirective), descendants: true }], ngImport: i0 }); }
|
166
166
|
}
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionRootDirective, decorators: [{
|
168
168
|
type: Directive,
|
169
169
|
args: [{
|
170
170
|
selector: '[rdxAccordionRoot]',
|
@@ -216,10 +216,10 @@ class RdxAccordionTriggerDirective {
|
|
216
216
|
focus() {
|
217
217
|
this.nativeElement.focus();
|
218
218
|
}
|
219
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
220
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
219
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
220
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxAccordionTriggerDirective, isStandalone: true, selector: "[rdxAccordionTrigger]", host: { listeners: { "click": "onClick()" }, properties: { "attr.role": "\"button\"", "attr.aria-expanded": "item.expanded", "attr.data-state": "item.dataState", "attr.data-disabled": "item.disabled", "attr.disabled": "item.disabled ? \"\" : null", "attr.data-orientation": "item.orientation" } }, ngImport: i0 }); }
|
221
221
|
}
|
222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionTriggerDirective, decorators: [{
|
223
223
|
type: Directive,
|
224
224
|
args: [{
|
225
225
|
selector: '[rdxAccordionTrigger]',
|
@@ -383,12 +383,12 @@ class RdxAccordionItemDirective {
|
|
383
383
|
}
|
384
384
|
});
|
385
385
|
}
|
386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
387
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.
|
386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
387
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.4", type: RdxAccordionItemDirective, isStandalone: true, selector: "[rdxAccordionItem]", inputs: { expanded: ["expanded", "expanded", booleanAttribute], value: "value", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { closed: "closed", opened: "opened", expandedChange: "expandedChange" }, host: { properties: { "attr.data-state": "dataState", "attr.data-disabled": "disabled", "attr.data-orientation": "orientation" } }, providers: [
|
388
388
|
{ provide: RdxAccordionRootToken, useValue: undefined }
|
389
389
|
], queries: [{ propertyName: "trigger", first: true, predicate: RdxAccordionTriggerDirective, descendants: true }, { propertyName: "content", first: true, predicate: i0.forwardRef(() => RdxAccordionContentDirective), descendants: true }], exportAs: ["rdxAccordionItem"], ngImport: i0 }); }
|
390
390
|
}
|
391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
391
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionItemDirective, decorators: [{
|
392
392
|
type: Directive,
|
393
393
|
args: [{
|
394
394
|
selector: '[rdxAccordionItem]',
|
@@ -444,10 +444,10 @@ class RdxAccordionContentDirective {
|
|
444
444
|
this.hidden = false;
|
445
445
|
}
|
446
446
|
}
|
447
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
448
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
447
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
448
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxAccordionContentDirective, isStandalone: true, selector: "[rdxAccordionContent]", host: { listeners: { "animationend": "onAnimationEnd()" }, properties: { "attr.role": "\"region\"", "style.display": "hidden ? \"none\" : \"\"", "attr.data-state": "item.dataState", "attr.data-disabled": "item.disabled", "attr.data-orientation": "item.orientation" } }, exportAs: ["rdxAccordionContent"], ngImport: i0 }); }
|
449
449
|
}
|
450
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionContentDirective, decorators: [{
|
451
451
|
type: Directive,
|
452
452
|
args: [{
|
453
453
|
selector: '[rdxAccordionContent]',
|
@@ -468,10 +468,10 @@ class RdxAccordionHeaderDirective {
|
|
468
468
|
constructor() {
|
469
469
|
this.item = inject(RdxAccordionItemDirective);
|
470
470
|
}
|
471
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
472
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
471
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
472
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxAccordionHeaderDirective, isStandalone: true, selector: "[rdxAccordionHeader]", host: { properties: { "attr.data-state": "item.dataState", "attr.data-disabled": "item.disabled", "attr.data-orientation": "item.orientation" } }, ngImport: i0 }); }
|
473
473
|
}
|
474
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
474
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionHeaderDirective, decorators: [{
|
475
475
|
type: Directive,
|
476
476
|
args: [{
|
477
477
|
selector: '[rdxAccordionHeader]',
|
@@ -492,8 +492,8 @@ const _imports = [
|
|
492
492
|
RdxAccordionTriggerDirective
|
493
493
|
];
|
494
494
|
class RdxAccordionModule {
|
495
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
496
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
495
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
496
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionModule, imports: [RdxAccordionContentDirective,
|
497
497
|
RdxAccordionHeaderDirective,
|
498
498
|
RdxAccordionItemDirective,
|
499
499
|
RdxAccordionRootDirective,
|
@@ -502,9 +502,9 @@ class RdxAccordionModule {
|
|
502
502
|
RdxAccordionItemDirective,
|
503
503
|
RdxAccordionRootDirective,
|
504
504
|
RdxAccordionTriggerDirective] }); }
|
505
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
505
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionModule }); }
|
506
506
|
}
|
507
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
507
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAccordionModule, decorators: [{
|
508
508
|
type: NgModule,
|
509
509
|
args: [{
|
510
510
|
imports: [..._imports],
|
@@ -36,10 +36,10 @@ class RdxAlertDialogService {
|
|
36
36
|
this.overlayRef = null;
|
37
37
|
}
|
38
38
|
}
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
40
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogService, deps: [{ token: i1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
40
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogService, providedIn: 'root' }); }
|
41
41
|
}
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogService, decorators: [{
|
43
43
|
type: Injectable,
|
44
44
|
args: [{
|
45
45
|
providedIn: 'root'
|
@@ -53,10 +53,10 @@ class RdxAlertDialogCancelDirective {
|
|
53
53
|
onClick() {
|
54
54
|
this.alertDialogService.close();
|
55
55
|
}
|
56
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
57
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
56
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogCancelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
57
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxAlertDialogCancelDirective, isStandalone: true, selector: "[rdxAlertDialogCancel]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
58
58
|
}
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogCancelDirective, decorators: [{
|
60
60
|
type: Directive,
|
61
61
|
args: [{
|
62
62
|
selector: '[rdxAlertDialogCancel]',
|
@@ -75,10 +75,10 @@ class RdxAlertDialogContentDirective {
|
|
75
75
|
set maxWidth(value) {
|
76
76
|
this.renderer.setStyle(this.elementRef.nativeElement, 'maxWidth', value);
|
77
77
|
}
|
78
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
79
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
78
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
79
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxAlertDialogContentDirective, isStandalone: true, selector: "[rdxAlertDialogContent]", inputs: { maxWidth: "maxWidth" }, host: { properties: { "attr.data-state": "\"open\"", "attr.cdkTrapFocusAutoCapture": "true" } }, hostDirectives: [{ directive: i1$1.CdkTrapFocus }], ngImport: i0 }); }
|
80
80
|
}
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogContentDirective, decorators: [{
|
82
82
|
type: Directive,
|
83
83
|
args: [{
|
84
84
|
selector: '[rdxAlertDialogContent]',
|
@@ -105,10 +105,10 @@ class RdxAlertDialogRootDirective {
|
|
105
105
|
set content(template) {
|
106
106
|
this.alertDialogService.setDialogContent(this.viewContainerRef, template);
|
107
107
|
}
|
108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
109
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
108
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
109
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxAlertDialogRootDirective, isStandalone: true, selector: "[rdxAlertDialogRoot]", inputs: { content: "content" }, ngImport: i0 }); }
|
110
110
|
}
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogRootDirective, decorators: [{
|
112
112
|
type: Directive,
|
113
113
|
args: [{
|
114
114
|
selector: '[rdxAlertDialogRoot]',
|
@@ -119,10 +119,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
119
119
|
}] } });
|
120
120
|
|
121
121
|
class RdxAlertDialogTitleDirective {
|
122
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
123
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
122
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
123
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxAlertDialogTitleDirective, isStandalone: true, selector: "[rdxAlertDialogTitle]", ngImport: i0 }); }
|
124
124
|
}
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogTitleDirective, decorators: [{
|
126
126
|
type: Directive,
|
127
127
|
args: [{
|
128
128
|
selector: '[rdxAlertDialogTitle]',
|
@@ -137,10 +137,10 @@ class RdxAlertDialogTriggerDirective {
|
|
137
137
|
handleClick() {
|
138
138
|
this.alertDialogService.open();
|
139
139
|
}
|
140
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
141
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
140
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
141
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxAlertDialogTriggerDirective, isStandalone: true, selector: "[rdxAlertDialogTrigger]", host: { listeners: { "click": "handleClick()" } }, ngImport: i0 }); }
|
142
142
|
}
|
143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogTriggerDirective, decorators: [{
|
144
144
|
type: Directive,
|
145
145
|
args: [{
|
146
146
|
selector: '[rdxAlertDialogTrigger]',
|
@@ -159,8 +159,8 @@ const _imports = [
|
|
159
159
|
RdxAlertDialogTitleDirective
|
160
160
|
];
|
161
161
|
class RdxAlertDialogModule {
|
162
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
163
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
162
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
163
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogModule, imports: [RdxAlertDialogRootDirective,
|
164
164
|
RdxAlertDialogContentDirective,
|
165
165
|
RdxAlertDialogCancelDirective,
|
166
166
|
RdxAlertDialogTriggerDirective,
|
@@ -169,9 +169,9 @@ class RdxAlertDialogModule {
|
|
169
169
|
RdxAlertDialogCancelDirective,
|
170
170
|
RdxAlertDialogTriggerDirective,
|
171
171
|
RdxAlertDialogTitleDirective] }); }
|
172
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
172
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogModule }); }
|
173
173
|
}
|
174
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
174
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAlertDialogModule, decorators: [{
|
175
175
|
type: NgModule,
|
176
176
|
args: [{
|
177
177
|
imports: [..._imports],
|
@@ -39,10 +39,10 @@ class RdxAspectRatioDirective {
|
|
39
39
|
this.renderer.setStyle(content, 'inset', '0');
|
40
40
|
}
|
41
41
|
}
|
42
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
43
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAspectRatioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
43
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: RdxAspectRatioDirective, isStandalone: true, selector: "[rdxAspectRatio]", inputs: { ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.position": "'relative'", "style.width": "'100%'", "style.padding-bottom": "paddingBottom()" } }, exportAs: ["rdxAspectRatio"], ngImport: i0 }); }
|
44
44
|
}
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAspectRatioDirective, decorators: [{
|
46
46
|
type: Directive,
|
47
47
|
args: [{
|
48
48
|
selector: '[rdxAspectRatio]',
|
@@ -5,17 +5,17 @@ class RdxAvatarRootContext {
|
|
5
5
|
constructor() {
|
6
6
|
this.imageLoadingStatus = signal('loading');
|
7
7
|
}
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
9
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAvatarRootContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
9
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAvatarRootContext }); }
|
10
10
|
}
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAvatarRootContext, decorators: [{
|
12
12
|
type: Injectable
|
13
13
|
}] });
|
14
14
|
class RdxAvatarRootDirective {
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
16
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAvatarRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
16
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxAvatarRootDirective, isStandalone: true, selector: "span[rdxAvatarRoot]", providers: [RdxAvatarRootContext], exportAs: ["rdxAvatarRoot"], ngImport: i0 }); }
|
17
17
|
}
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAvatarRootDirective, decorators: [{
|
19
19
|
type: Directive,
|
20
20
|
args: [{
|
21
21
|
selector: 'span[rdxAvatarRoot]',
|
@@ -89,10 +89,10 @@ class RdxAvatarFallbackDirective {
|
|
89
89
|
ngOnDestroy() {
|
90
90
|
this.clearDelayTimer();
|
91
91
|
}
|
92
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
93
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.
|
92
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAvatarFallbackDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
93
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: RdxAvatarFallbackDirective, isStandalone: true, selector: "span[rdxAvatarFallback]", inputs: { delayMs: { classPropertyName: "delayMs", publicName: "delayMs", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "shouldRender() ? null : \"none\" " } }, exportAs: ["rdxAvatarFallback"], ngImport: i0 }); }
|
94
94
|
}
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAvatarFallbackDirective, decorators: [{
|
96
96
|
type: Directive,
|
97
97
|
args: [{
|
98
98
|
selector: 'span[rdxAvatarFallback]',
|
@@ -149,10 +149,10 @@ class RdxAvatarImageDirective {
|
|
149
149
|
get nativeElement() {
|
150
150
|
return this.elementRef.nativeElement;
|
151
151
|
}
|
152
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
153
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.
|
152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAvatarImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
153
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: RdxAvatarImageDirective, isStandalone: true, selector: "img[rdxAvatarImage]", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLoadingStatusChange: "onLoadingStatusChange" }, host: { listeners: { "load": "onLoad()", "error": "onError()" }, properties: { "style.display": "(imageLoadingStatus() === \"loaded\")? null : \"none\"" } }, exportAs: ["rdxAvatarImage"], ngImport: i0 }); }
|
154
154
|
}
|
155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxAvatarImageDirective, decorators: [{
|
156
156
|
type: Directive,
|
157
157
|
args: [{
|
158
158
|
selector: 'img[rdxAvatarImage]',
|
@@ -172,15 +172,15 @@ const _imports = [
|
|
172
172
|
RdxAvatarImageDirective
|
173
173
|
];
|
174
174
|
class RdxCheckboxModule {
|
175
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
176
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
175
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
176
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxModule, imports: [RdxAvatarRootDirective,
|
177
177
|
RdxAvatarFallbackDirective,
|
178
178
|
RdxAvatarImageDirective], exports: [RdxAvatarRootDirective,
|
179
179
|
RdxAvatarFallbackDirective,
|
180
180
|
RdxAvatarImageDirective] }); }
|
181
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
181
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxModule }); }
|
182
182
|
}
|
183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxModule, decorators: [{
|
184
184
|
type: NgModule,
|
185
185
|
args: [{
|
186
186
|
imports: [..._imports],
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { InjectionToken, inject, input, computed, Directive, EventEmitter, booleanAttribute,
|
2
|
+
import { InjectionToken, inject, input, computed, Directive, EventEmitter, booleanAttribute, Output, Input, NgModule } from '@angular/core';
|
3
3
|
import * as i1 from '@radix-ng/primitives/visually-hidden';
|
4
4
|
import { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';
|
5
5
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
@@ -15,10 +15,10 @@ class RdxCheckboxButtonDirective {
|
|
15
15
|
this.id = input(null);
|
16
16
|
this.elementId = computed(() => (this.id() ? this.id() : `rdx-checkbox-${this.id()}`));
|
17
17
|
}
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
19
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
19
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: RdxCheckboxButtonDirective, isStandalone: true, selector: "button[rdxCheckboxButton]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "role": "checkbox", "tabindex": "-1" }, properties: { "checked": "checkbox.checked", "disabled": "checkbox.disabled", "required": "checkbox.required", "attr.id": "elementId()", "attr.aria-checked": "checkbox.indeterminate ? \"mixed\" : checkbox.checked", "attr.aria-required": "checkbox.required ? \"\" : null", "attr.data-state": "checkbox.state", "attr.data-disabled": "checkbox.disabled ? \"\" : null" } }, ngImport: i0 }); }
|
20
20
|
}
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxButtonDirective, decorators: [{
|
22
22
|
type: Directive,
|
23
23
|
args: [{
|
24
24
|
standalone: true,
|
@@ -43,10 +43,10 @@ class RdxCheckboxIndicatorDirective {
|
|
43
43
|
constructor() {
|
44
44
|
this.checkbox = injectCheckbox();
|
45
45
|
}
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
47
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
46
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
47
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxCheckboxIndicatorDirective, isStandalone: true, selector: "[rdxCheckboxIndicator]", host: { properties: { "style.pointer-events": "\"none\"", "attr.aria-checked": "checkbox.indeterminate ? \"mixed\" : checkbox.checked", "attr.data-state": "checkbox.state", "attr.data-disabled": "checkbox.disabled ? \"\" : null" } }, ngImport: i0 }); }
|
48
48
|
}
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxIndicatorDirective, decorators: [{
|
50
50
|
type: Directive,
|
51
51
|
args: [{
|
52
52
|
selector: '[rdxCheckboxIndicator]',
|
@@ -73,10 +73,10 @@ class RdxCheckboxInputDirective {
|
|
73
73
|
return state ? 'on' : 'off';
|
74
74
|
});
|
75
75
|
}
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
77
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.
|
76
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
77
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: RdxCheckboxInputDirective, isStandalone: true, selector: "input[rdxCheckboxInput]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "checkbox", "tabindex": "-1" }, properties: { "checked": "checkbox.checked", "disabled": "checkbox.disabled", "required": "checkbox.required", "attr.id": "elementId()", "attr.aria-hidden": "true", "attr.aria-checked": "checkbox.indeterminate ? \"mixed\" : checkbox.checked", "attr.aria-required": "checkbox.required ? \"\" : null", "attr.data-state": "checkbox.state", "attr.data-disabled": "checkbox.disabled ? \"\" : null", "attr.value": "value()" } }, hostDirectives: [{ directive: i1.RdxVisuallyHiddenInputDirective, inputs: ["feature", "\"fully-hidden\""] }], ngImport: i0 }); }
|
78
78
|
}
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxInputDirective, decorators: [{
|
80
80
|
type: Directive,
|
81
81
|
args: [{
|
82
82
|
standalone: true,
|
@@ -99,27 +99,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
99
99
|
}]
|
100
100
|
}] });
|
101
101
|
|
102
|
+
/**
|
103
|
+
* @group Components
|
104
|
+
*/
|
102
105
|
class RdxCheckboxDirective {
|
103
106
|
constructor() {
|
104
107
|
/**
|
105
108
|
* The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
|
109
|
+
* @group Props
|
106
110
|
*/
|
107
111
|
this.checked = false;
|
108
112
|
/**
|
109
113
|
* Defines whether the checkbox is indeterminate.
|
114
|
+
* @group Props
|
110
115
|
*/
|
111
116
|
this.indeterminate = false;
|
112
117
|
/**
|
113
118
|
* Defines whether the checkbox is disabled.
|
119
|
+
* @group Props
|
114
120
|
*/
|
115
121
|
this.disabled = false;
|
122
|
+
/**
|
123
|
+
* @group Props
|
124
|
+
*/
|
116
125
|
this.required = false;
|
117
126
|
/**
|
118
127
|
* Event emitted when the checkbox checked state changes.
|
128
|
+
* @group Emits
|
119
129
|
*/
|
120
130
|
this.checkedChange = new EventEmitter();
|
121
131
|
/**
|
122
132
|
* Event emitted when the indeterminate state changes.
|
133
|
+
* @group Emits
|
123
134
|
*/
|
124
135
|
this.indeterminateChange = new EventEmitter();
|
125
136
|
}
|
@@ -194,13 +205,13 @@ class RdxCheckboxDirective {
|
|
194
205
|
setDisabledState(isDisabled) {
|
195
206
|
this.disabled = isDisabled;
|
196
207
|
}
|
197
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
198
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.
|
208
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
209
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.4", type: RdxCheckboxDirective, isStandalone: true, selector: "[rdxCheckboxRoot]", inputs: { checked: ["checked", "checked", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute] }, outputs: { checkedChange: "checkedChange", indeterminateChange: "indeterminateChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)", "blur": "onBlur()" }, properties: { "disabled": "disabled", "attr.data-disabled": "disabled ? \"\" : null", "attr.data-state": "state" } }, providers: [
|
199
210
|
{ provide: RdxCheckboxToken, useExisting: RdxCheckboxDirective },
|
200
211
|
{ provide: NG_VALUE_ACCESSOR, useExisting: RdxCheckboxDirective, multi: true }
|
201
212
|
], usesOnChanges: true, ngImport: i0 }); }
|
202
213
|
}
|
203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxDirective, decorators: [{
|
204
215
|
type: Directive,
|
205
216
|
args: [{
|
206
217
|
selector: '[rdxCheckboxRoot]',
|
@@ -243,17 +254,17 @@ const _imports = [
|
|
243
254
|
RdxCheckboxIndicatorDirective
|
244
255
|
];
|
245
256
|
class RdxCheckboxModule {
|
246
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
247
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
257
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
258
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxModule, imports: [RdxCheckboxInputDirective,
|
248
259
|
RdxCheckboxDirective,
|
249
260
|
RdxCheckboxButtonDirective,
|
250
261
|
RdxCheckboxIndicatorDirective], exports: [RdxCheckboxInputDirective,
|
251
262
|
RdxCheckboxDirective,
|
252
263
|
RdxCheckboxButtonDirective,
|
253
264
|
RdxCheckboxIndicatorDirective] }); }
|
254
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
265
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxModule }); }
|
255
266
|
}
|
256
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
267
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxCheckboxModule, decorators: [{
|
257
268
|
type: NgModule,
|
258
269
|
args: [{
|
259
270
|
imports: [..._imports],
|