@radix-ng/primitives 0.4.0 → 0.5.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/README.md +3 -0
- package/accordion/index.d.ts +7 -0
- package/accordion/src/accordion/accordion.directive.d.ts +64 -0
- package/accordion/src/accordion/accordion.token.d.ts +4 -0
- package/accordion/src/accordion-content/accordion-content.directive.d.ts +44 -0
- package/accordion/src/accordion-header/accordion-header.directive.d.ts +6 -0
- package/accordion/src/accordion-item/accordion-item.directive.d.ts +42 -0
- package/accordion/src/accordion-item/accordion-item.token.d.ts +4 -0
- package/accordion/src/accordion-state.directive.d.ts +28 -0
- package/accordion/src/accordion-trigger/accordion-trigger.directive.d.ts +23 -0
- package/accordion/src/accordion.config.d.ts +25 -0
- package/esm2022/accordion/index.mjs +8 -0
- package/esm2022/accordion/radix-ng-primitives-accordion.mjs +5 -0
- package/esm2022/accordion/src/accordion/accordion.directive.mjs +108 -0
- package/esm2022/accordion/src/accordion/accordion.token.mjs +6 -0
- package/esm2022/accordion/src/accordion-content/accordion-content.directive.mjs +75 -0
- package/esm2022/accordion/src/accordion-header/accordion-header.directive.mjs +17 -0
- package/esm2022/accordion/src/accordion-item/accordion-item.directive.mjs +81 -0
- package/esm2022/accordion/src/accordion-item/accordion-item.token.mjs +6 -0
- package/esm2022/accordion/src/accordion-state.directive.mjs +49 -0
- package/esm2022/accordion/src/accordion-trigger/accordion-trigger.directive.mjs +49 -0
- package/esm2022/accordion/src/accordion.config.mjs +27 -0
- package/esm2022/label/src/label.directive.mjs +17 -3
- package/esm2022/roving-focus/src/roving-focus-group.directive.mjs +5 -4
- package/esm2022/toggle-group/index.mjs +6 -0
- package/esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs +5 -0
- package/esm2022/toggle-group/src/toggle-group-button.directive.mjs +79 -0
- package/esm2022/toggle-group/src/toggle-group-button.token.mjs +6 -0
- package/esm2022/toggle-group/src/toggle-group-multi.directive.mjs +159 -0
- package/esm2022/toggle-group/src/toggle-group.directive.mjs +157 -0
- package/esm2022/toggle-group/src/toggle-group.token.mjs +6 -0
- package/fesm2022/radix-ng-primitives-accordion.mjs +394 -0
- package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-label.mjs +16 -2
- package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +4 -3
- package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +397 -0
- package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -0
- package/label/src/label.directive.d.ts +6 -1
- package/package.json +12 -6
- package/roving-focus/src/roving-focus-group.directive.d.ts +1 -1
- package/toggle-group/README.md +3 -0
- package/toggle-group/index.d.ts +5 -0
- package/toggle-group/src/toggle-group-button.directive.d.ts +39 -0
- package/toggle-group/src/toggle-group-button.token.d.ts +4 -0
- package/toggle-group/src/toggle-group-multi.directive.d.ts +90 -0
- package/toggle-group/src/toggle-group.directive.d.ts +90 -0
- package/toggle-group/src/toggle-group.token.d.ts +5 -0
- package/esm2022/tooltip/index.mjs +0 -5
- package/esm2022/tooltip/radix-ng-primitives-tooltip.mjs +0 -5
- package/esm2022/tooltip/src/tooltip-arrow.directive.mjs +0 -17
- package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +0 -148
- package/esm2022/tooltip/src/tooltip-trigger.token.mjs +0 -6
- package/esm2022/tooltip/src/tooltip.config.mjs +0 -31
- package/esm2022/tooltip/src/tooltip.directive.mjs +0 -46
- package/fesm2022/radix-ng-primitives-tooltip.mjs +0 -242
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +0 -1
- package/tooltip/README.md +0 -1
- package/tooltip/index.d.ts +0 -4
- package/tooltip/src/tooltip-arrow.directive.d.ts +0 -6
- package/tooltip/src/tooltip-trigger.directive.d.ts +0 -79
- package/tooltip/src/tooltip-trigger.token.d.ts +0 -4
- package/tooltip/src/tooltip.config.d.ts +0 -46
- package/tooltip/src/tooltip.directive.d.ts +0 -17
@@ -0,0 +1,7 @@
|
|
1
|
+
export * from './src/accordion-content/accordion-content.directive';
|
2
|
+
export * from './src/accordion-header/accordion-header.directive';
|
3
|
+
export * from './src/accordion-item/accordion-item.directive';
|
4
|
+
export * from './src/accordion-trigger/accordion-trigger.directive';
|
5
|
+
export * from './src/accordion/accordion.directive';
|
6
|
+
export * from './src/accordion-state.directive';
|
7
|
+
export * from './src/accordion.config';
|
@@ -0,0 +1,64 @@
|
|
1
|
+
import { OnInit } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "@radix-ng/primitives/roving-focus";
|
4
|
+
/**
|
5
|
+
* The root accordion directive that all parts should be placed within.
|
6
|
+
*/
|
7
|
+
export declare class RdxAccordionDirective implements OnInit {
|
8
|
+
/**
|
9
|
+
* Access the global accordion configuration.
|
10
|
+
*/
|
11
|
+
private readonly config;
|
12
|
+
/**
|
13
|
+
* Access the roving focus group
|
14
|
+
*/
|
15
|
+
private readonly rovingFocusGroup;
|
16
|
+
/**
|
17
|
+
* Determines whether multiple items can be open simultaneously.
|
18
|
+
* @default false
|
19
|
+
*/
|
20
|
+
multiple: boolean;
|
21
|
+
/**
|
22
|
+
* The orientation of the accordion.
|
23
|
+
* @default 'vertical'
|
24
|
+
*/
|
25
|
+
orientation: 'horizontal' | 'vertical';
|
26
|
+
/**
|
27
|
+
* Determines whether the accordion should be disabled.
|
28
|
+
* @default false
|
29
|
+
*/
|
30
|
+
disabled: boolean;
|
31
|
+
/**
|
32
|
+
* Store the currently expanded item(s).
|
33
|
+
* @internal
|
34
|
+
*/
|
35
|
+
readonly expanded: import("@angular/core").WritableSignal<string[]>;
|
36
|
+
/**
|
37
|
+
* The touched callback.
|
38
|
+
*/
|
39
|
+
protected onTouched?: () => void;
|
40
|
+
ngOnInit(): void;
|
41
|
+
/**
|
42
|
+
* Expand an item.
|
43
|
+
* @param id The id of the item to expand.
|
44
|
+
*/
|
45
|
+
expand(id: string): void;
|
46
|
+
/**
|
47
|
+
* Collapse an Item.
|
48
|
+
* @param id The id of the Item to collapse.
|
49
|
+
*/
|
50
|
+
collapse(id: string): void;
|
51
|
+
/**
|
52
|
+
* Toggle an item.
|
53
|
+
* @param id The id of the item to toggle.
|
54
|
+
*/
|
55
|
+
toggle(id: string): void;
|
56
|
+
/**
|
57
|
+
* Collapse all items.
|
58
|
+
*/
|
59
|
+
collapseAll(): void;
|
60
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionDirective, never>;
|
61
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionDirective, "[rdxAccordion]", never, { "multiple": { "alias": "rdxAccordionMultiple"; "required": false; }; "orientation": { "alias": "rdxAccordionOrientation"; "required": false; }; "disabled": { "alias": "rdxAccordionDisabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "rdxRovingFocusGroupOrientation": "orientation"; }; outputs: {}; }]>;
|
62
|
+
static ngAcceptInputType_multiple: unknown;
|
63
|
+
static ngAcceptInputType_disabled: unknown;
|
64
|
+
}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import { AfterViewInit } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "../accordion-state.directive";
|
4
|
+
export declare class RdxAccordionContentDirective implements AfterViewInit {
|
5
|
+
/**
|
6
|
+
* Access the element ref.
|
7
|
+
*/
|
8
|
+
private readonly elementRef;
|
9
|
+
/**
|
10
|
+
* Access the change detector ref.
|
11
|
+
*/
|
12
|
+
private readonly changeDetectorRef;
|
13
|
+
/**
|
14
|
+
* Access the item the content belongs to.
|
15
|
+
*/
|
16
|
+
protected readonly item: import("@radix-ng/primitives/accordion").RdxAccordionItemDirective;
|
17
|
+
/**
|
18
|
+
* Derive the id of the content.
|
19
|
+
* @internal
|
20
|
+
*/
|
21
|
+
readonly id: string;
|
22
|
+
/**
|
23
|
+
* Derive the id of the trigger.
|
24
|
+
* @internal
|
25
|
+
*/
|
26
|
+
readonly labelledby: string;
|
27
|
+
/**
|
28
|
+
* Define the width of the content as a CSS variable, so it can be used in animations.
|
29
|
+
* @internal
|
30
|
+
*/
|
31
|
+
protected width: number;
|
32
|
+
/**
|
33
|
+
* Define the height of the content as a CSS variable, so it can be used in animations.
|
34
|
+
* @internal
|
35
|
+
*/
|
36
|
+
protected height: number;
|
37
|
+
ngAfterViewInit(): void;
|
38
|
+
/**
|
39
|
+
* Update the size of the content.
|
40
|
+
*/
|
41
|
+
private updateContentSize;
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionContentDirective, never>;
|
43
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionContentDirective, "[rdxAccordionContent]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxAccordionStateDirective; inputs: {}; outputs: {}; }]>;
|
44
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "../accordion-state.directive";
|
3
|
+
export declare class RdxAccordionHeaderDirective {
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionHeaderDirective, never>;
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionHeaderDirective, "[rdxAccordionHeader]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxAccordionStateDirective; inputs: {}; outputs: {}; }]>;
|
6
|
+
}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "../accordion-state.directive";
|
4
|
+
import * as i2 from "@radix-ng/primitives/roving-focus";
|
5
|
+
export declare class RdxAccordionItemDirective {
|
6
|
+
/**
|
7
|
+
* Access the accordion the item belongs to.
|
8
|
+
*/
|
9
|
+
private readonly accordion;
|
10
|
+
/**
|
11
|
+
* Determines whether the item should be expanded.
|
12
|
+
* @default false
|
13
|
+
*/
|
14
|
+
expanded: boolean;
|
15
|
+
/**
|
16
|
+
* Determines whether the Item should be disabled.
|
17
|
+
* @default false
|
18
|
+
*/
|
19
|
+
disabled: boolean;
|
20
|
+
/**
|
21
|
+
* Event emitted when the Item is expanded.
|
22
|
+
*/
|
23
|
+
readonly expandedChange: EventEmitter<boolean>;
|
24
|
+
/**
|
25
|
+
* The unique id of the Item.
|
26
|
+
* @internal
|
27
|
+
*/
|
28
|
+
readonly id: string;
|
29
|
+
/**
|
30
|
+
* Determine if this item is expanded.
|
31
|
+
* @internal
|
32
|
+
*/
|
33
|
+
readonly isExpanded: import("@angular/core").Signal<boolean>;
|
34
|
+
/**
|
35
|
+
* Toggle the expanded state of the Item.
|
36
|
+
*/
|
37
|
+
toggle(): void;
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionItemDirective, never>;
|
39
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionItemDirective, "[rdxAccordionItem]", never, { "expanded": { "alias": "rdxAccordionItemExpanded"; "required": false; }; "disabled": { "alias": "rdxAccordionItemDisabled"; "required": false; }; }, { "expandedChange": "rdxAccordionItemExpandedChange"; }, never, never, true, [{ directive: typeof i1.RdxAccordionStateDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
|
40
|
+
static ngAcceptInputType_expanded: unknown;
|
41
|
+
static ngAcceptInputType_disabled: unknown;
|
42
|
+
}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
2
|
+
import type { RdxAccordionItemDirective } from './accordion-item.directive';
|
3
|
+
export declare const RdxAccordionItemToken: InjectionToken<RdxAccordionItemDirective>;
|
4
|
+
export declare function injectAccordionItem(): RdxAccordionItemDirective;
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class RdxAccordionStateDirective {
|
3
|
+
/**
|
4
|
+
* Access the accordion the trigger belongs to.
|
5
|
+
*/
|
6
|
+
private readonly accordion;
|
7
|
+
/**
|
8
|
+
* Access the item the trigger belongs to.
|
9
|
+
*/
|
10
|
+
private readonly item;
|
11
|
+
/**
|
12
|
+
* Determine the expanded state of the item.
|
13
|
+
* @internal
|
14
|
+
*/
|
15
|
+
readonly state: import("@angular/core").Signal<"open" | "closed">;
|
16
|
+
/**
|
17
|
+
* Determine the disabled state of the item.
|
18
|
+
* @internal
|
19
|
+
*/
|
20
|
+
get isDisabled(): boolean;
|
21
|
+
/**
|
22
|
+
* Determine the orientation of the accordion.
|
23
|
+
* @internal
|
24
|
+
*/
|
25
|
+
get orientation(): 'horizontal' | 'vertical';
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionStateDirective, never>;
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionStateDirective, never, never, {}, {}, never, never, true, never>;
|
28
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "../accordion-state.directive";
|
3
|
+
export declare class RdxAccordionTriggerDirective {
|
4
|
+
/**
|
5
|
+
* Access the item the trigger belongs to.
|
6
|
+
*/
|
7
|
+
protected readonly item: import("@radix-ng/primitives/accordion").RdxAccordionItemDirective;
|
8
|
+
/**
|
9
|
+
* Derive the id of the trigger.
|
10
|
+
*/
|
11
|
+
protected get triggerId(): string;
|
12
|
+
/**
|
13
|
+
* Get the id of the item content.
|
14
|
+
* @internal
|
15
|
+
*/
|
16
|
+
protected readonly contentId: string;
|
17
|
+
/**
|
18
|
+
* Toggle the expanded state of the item.
|
19
|
+
*/
|
20
|
+
toggle(): void;
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionTriggerDirective, never>;
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionTriggerDirective, "[rdxAccordionTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxAccordionStateDirective; inputs: {}; outputs: {}; }]>;
|
23
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import { InjectionToken, Provider } from '@angular/core';
|
2
|
+
export declare const RdxAccordionConfigToken: InjectionToken<RdxAccordionConfig>;
|
3
|
+
export interface RdxAccordionConfig {
|
4
|
+
/**
|
5
|
+
* Determines whether multiple items can be open simultaneously.
|
6
|
+
* @default false
|
7
|
+
*/
|
8
|
+
multiple: boolean;
|
9
|
+
/**
|
10
|
+
* The orientation of the accordion.
|
11
|
+
* @default 'vertical'
|
12
|
+
*/
|
13
|
+
orientation: 'horizontal' | 'vertical';
|
14
|
+
}
|
15
|
+
/**
|
16
|
+
* Provide the default accordion configuration
|
17
|
+
* @param config The accordion configuration
|
18
|
+
* @returns The provider
|
19
|
+
*/
|
20
|
+
export declare function provideAccordionConfig(config: Partial<RdxAccordionConfig>): Provider[];
|
21
|
+
/**
|
22
|
+
* Inject the accordion configuration
|
23
|
+
* @returns The global accordion configuration
|
24
|
+
*/
|
25
|
+
export declare function injectAccordionConfig(): RdxAccordionConfig;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
export * from './src/accordion-content/accordion-content.directive';
|
2
|
+
export * from './src/accordion-header/accordion-header.directive';
|
3
|
+
export * from './src/accordion-item/accordion-item.directive';
|
4
|
+
export * from './src/accordion-trigger/accordion-trigger.directive';
|
5
|
+
export * from './src/accordion/accordion.directive';
|
6
|
+
export * from './src/accordion-state.directive';
|
7
|
+
export * from './src/accordion.config';
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zcmMvYWNjb3JkaW9uLWNvbnRlbnQvYWNjb3JkaW9uLWNvbnRlbnQuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FjY29yZGlvbi1oZWFkZXIvYWNjb3JkaW9uLWhlYWRlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FjY29yZGlvbi10cmlnZ2VyL2FjY29yZGlvbi10cmlnZ2VyLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9hY2NvcmRpb24tc3RhdGUuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FjY29yZGlvbi5jb25maWcnO1xuIl19
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/**
|
2
|
+
* Generated bundle index. Do not edit.
|
3
|
+
*/
|
4
|
+
export * from './index';
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaXgtbmctcHJpbWl0aXZlcy1hY2NvcmRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL2FjY29yZGlvbi9yYWRpeC1uZy1wcmltaXRpdmVzLWFjY29yZGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
@@ -0,0 +1,108 @@
|
|
1
|
+
import { booleanAttribute, Directive, HostBinding, Input, signal } from '@angular/core';
|
2
|
+
import { injectRovingFocusGroup, RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';
|
3
|
+
import { injectAccordionConfig } from '../accordion.config';
|
4
|
+
import { RdxAccordionToken } from './accordion.token';
|
5
|
+
import * as i0 from "@angular/core";
|
6
|
+
import * as i1 from "@radix-ng/primitives/roving-focus";
|
7
|
+
/**
|
8
|
+
* The root accordion directive that all parts should be placed within.
|
9
|
+
*/
|
10
|
+
export class RdxAccordionDirective {
|
11
|
+
constructor() {
|
12
|
+
/**
|
13
|
+
* Access the global accordion configuration.
|
14
|
+
*/
|
15
|
+
this.config = injectAccordionConfig();
|
16
|
+
/**
|
17
|
+
* Access the roving focus group
|
18
|
+
*/
|
19
|
+
this.rovingFocusGroup = injectRovingFocusGroup();
|
20
|
+
/**
|
21
|
+
* Determines whether multiple items can be open simultaneously.
|
22
|
+
* @default false
|
23
|
+
*/
|
24
|
+
this.multiple = this.config.multiple;
|
25
|
+
/**
|
26
|
+
* The orientation of the accordion.
|
27
|
+
* @default 'vertical'
|
28
|
+
*/
|
29
|
+
this.orientation = this.config.orientation;
|
30
|
+
/**
|
31
|
+
* Determines whether the accordion should be disabled.
|
32
|
+
* @default false
|
33
|
+
*/
|
34
|
+
this.disabled = false;
|
35
|
+
/**
|
36
|
+
* Store the currently expanded item(s).
|
37
|
+
* @internal
|
38
|
+
*/
|
39
|
+
this.expanded = signal([]);
|
40
|
+
}
|
41
|
+
ngOnInit() {
|
42
|
+
this.rovingFocusGroup.setOrientation(this.orientation);
|
43
|
+
}
|
44
|
+
/**
|
45
|
+
* Expand an item.
|
46
|
+
* @param id The id of the item to expand.
|
47
|
+
*/
|
48
|
+
expand(id) {
|
49
|
+
this.expanded.set(this.multiple ? [...this.expanded(), id] : [id]);
|
50
|
+
}
|
51
|
+
/**
|
52
|
+
* Collapse an Item.
|
53
|
+
* @param id The id of the Item to collapse.
|
54
|
+
*/
|
55
|
+
collapse(id) {
|
56
|
+
this.expanded.set(this.expanded().filter((expandedId) => expandedId !== id));
|
57
|
+
}
|
58
|
+
/**
|
59
|
+
* Toggle an item.
|
60
|
+
* @param id The id of the item to toggle.
|
61
|
+
*/
|
62
|
+
toggle(id) {
|
63
|
+
if (this.expanded().includes(id)) {
|
64
|
+
this.collapse(id);
|
65
|
+
}
|
66
|
+
else {
|
67
|
+
this.expand(id);
|
68
|
+
}
|
69
|
+
}
|
70
|
+
/**
|
71
|
+
* Collapse all items.
|
72
|
+
*/
|
73
|
+
collapseAll() {
|
74
|
+
this.expanded.set([]);
|
75
|
+
}
|
76
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
77
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxAccordionDirective, isStandalone: true, selector: "[rdxAccordion]", inputs: { multiple: ["rdxAccordionMultiple", "multiple", booleanAttribute], orientation: ["rdxAccordionOrientation", "orientation"], disabled: ["rdxAccordionDisabled", "disabled", booleanAttribute] }, host: { listeners: { "focusout": "onTouched?.()" }, properties: { "attr.data-orientation": "this.orientation" } }, providers: [{ provide: RdxAccordionToken, useExisting: RdxAccordionDirective }], hostDirectives: [{ directive: i1.RdxRovingFocusGroupDirective, inputs: ["rdxRovingFocusGroupOrientation", "orientation"] }], ngImport: i0 }); }
|
78
|
+
}
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionDirective, decorators: [{
|
80
|
+
type: Directive,
|
81
|
+
args: [{
|
82
|
+
selector: '[rdxAccordion]',
|
83
|
+
standalone: true,
|
84
|
+
hostDirectives: [
|
85
|
+
{
|
86
|
+
directive: RdxRovingFocusGroupDirective,
|
87
|
+
inputs: ['rdxRovingFocusGroupOrientation:orientation']
|
88
|
+
}
|
89
|
+
],
|
90
|
+
providers: [{ provide: RdxAccordionToken, useExisting: RdxAccordionDirective }],
|
91
|
+
host: {
|
92
|
+
'(focusout)': 'onTouched?.()'
|
93
|
+
}
|
94
|
+
}]
|
95
|
+
}], propDecorators: { multiple: [{
|
96
|
+
type: Input,
|
97
|
+
args: [{ alias: 'rdxAccordionMultiple', transform: booleanAttribute }]
|
98
|
+
}], orientation: [{
|
99
|
+
type: HostBinding,
|
100
|
+
args: ['attr.data-orientation']
|
101
|
+
}, {
|
102
|
+
type: Input,
|
103
|
+
args: [{ alias: 'rdxAccordionOrientation' }]
|
104
|
+
}], disabled: [{
|
105
|
+
type: Input,
|
106
|
+
args: [{ alias: 'rdxAccordionDisabled', transform: booleanAttribute }]
|
107
|
+
}] } });
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvYWNjb3JkaW9uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWhHLE9BQU8sRUFDSCxzQkFBc0IsRUFDdEIsNEJBQTRCLEVBQy9CLE1BQU0sbUNBQW1DLENBQUM7QUFFM0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQUV0RDs7R0FFRztBQWVILE1BQU0sT0FBTyxxQkFBcUI7SUFkbEM7UUFlSTs7V0FFRztRQUNjLFdBQU0sR0FBRyxxQkFBcUIsRUFBRSxDQUFDO1FBRWxEOztXQUVHO1FBQ2MscUJBQWdCLEdBQUcsc0JBQXNCLEVBQUUsQ0FBQztRQUU3RDs7O1dBR0c7UUFDb0UsYUFBUSxHQUMzRSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztRQUV6Qjs7O1dBR0c7UUFHSCxnQkFBVyxHQUE4QixJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQztRQUVqRTs7O1dBR0c7UUFDb0UsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUV4Rjs7O1dBR0c7UUFDTSxhQUFRLEdBQUcsTUFBTSxDQUFXLEVBQUUsQ0FBQyxDQUFDO0tBNEM1QztJQXJDRyxRQUFRO1FBQ0osSUFBSSxDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUNEOzs7T0FHRztJQUNILE1BQU0sQ0FBQyxFQUFVO1FBQ2IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7SUFFRDs7O09BR0c7SUFDSCxRQUFRLENBQUMsRUFBVTtRQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLFVBQVUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFFRDs7O09BR0c7SUFDSCxNQUFNLENBQUMsRUFBVTtRQUNiLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDdEIsQ0FBQzthQUFNLENBQUM7WUFDSixJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3BCLENBQUM7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDMUIsQ0FBQzs4R0EvRVEscUJBQXFCO2tHQUFyQixxQkFBcUIsMkdBZXFCLGdCQUFnQiwyR0FlaEIsZ0JBQWdCLG1JQW5DeEQsQ0FBQyxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUscUJBQXFCLEVBQUUsQ0FBQzs7MkZBS3RFLHFCQUFxQjtrQkFkakMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsY0FBYyxFQUFFO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSw0QkFBNEI7NEJBQ3ZDLE1BQU0sRUFBRSxDQUFDLDRDQUE0QyxDQUFDO3lCQUN6RDtxQkFDSjtvQkFDRCxTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLHVCQUF1QixFQUFFLENBQUM7b0JBQy9FLElBQUksRUFBRTt3QkFDRixZQUFZLEVBQUUsZUFBZTtxQkFDaEM7aUJBQ0o7OEJBZ0IwRSxRQUFRO3NCQUE5RSxLQUFLO3VCQUFDLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFTckUsV0FBVztzQkFGVixXQUFXO3VCQUFDLHVCQUF1Qjs7c0JBQ25DLEtBQUs7dUJBQUMsRUFBRSxLQUFLLEVBQUUseUJBQXlCLEVBQUU7Z0JBTzRCLFFBQVE7c0JBQTlFLEtBQUs7dUJBQUMsRUFBRSxLQUFLLEVBQUUsc0JBQXNCLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgRGlyZWN0aXZlLCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gICAgaW5qZWN0Um92aW5nRm9jdXNHcm91cCxcbiAgICBSZHhSb3ZpbmdGb2N1c0dyb3VwRGlyZWN0aXZlXG59IGZyb20gJ0ByYWRpeC1uZy9wcmltaXRpdmVzL3JvdmluZy1mb2N1cyc7XG5cbmltcG9ydCB7IGluamVjdEFjY29yZGlvbkNvbmZpZyB9IGZyb20gJy4uL2FjY29yZGlvbi5jb25maWcnO1xuaW1wb3J0IHsgUmR4QWNjb3JkaW9uVG9rZW4gfSBmcm9tICcuL2FjY29yZGlvbi50b2tlbic7XG5cbi8qKlxuICogVGhlIHJvb3QgYWNjb3JkaW9uIGRpcmVjdGl2ZSB0aGF0IGFsbCBwYXJ0cyBzaG91bGQgYmUgcGxhY2VkIHdpdGhpbi5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbcmR4QWNjb3JkaW9uXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IFJkeFJvdmluZ0ZvY3VzR3JvdXBEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFsncmR4Um92aW5nRm9jdXNHcm91cE9yaWVudGF0aW9uOm9yaWVudGF0aW9uJ11cbiAgICAgICAgfVxuICAgIF0sXG4gICAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBSZHhBY2NvcmRpb25Ub2tlbiwgdXNlRXhpc3Rpbmc6IFJkeEFjY29yZGlvbkRpcmVjdGl2ZSB9XSxcbiAgICBob3N0OiB7XG4gICAgICAgICcoZm9jdXNvdXQpJzogJ29uVG91Y2hlZD8uKCknXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBSZHhBY2NvcmRpb25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIC8qKlxuICAgICAqIEFjY2VzcyB0aGUgZ2xvYmFsIGFjY29yZGlvbiBjb25maWd1cmF0aW9uLlxuICAgICAqL1xuICAgIHByaXZhdGUgcmVhZG9ubHkgY29uZmlnID0gaW5qZWN0QWNjb3JkaW9uQ29uZmlnKCk7XG5cbiAgICAvKipcbiAgICAgKiBBY2Nlc3MgdGhlIHJvdmluZyBmb2N1cyBncm91cFxuICAgICAqL1xuICAgIHByaXZhdGUgcmVhZG9ubHkgcm92aW5nRm9jdXNHcm91cCA9IGluamVjdFJvdmluZ0ZvY3VzR3JvdXAoKTtcblxuICAgIC8qKlxuICAgICAqIERldGVybWluZXMgd2hldGhlciBtdWx0aXBsZSBpdGVtcyBjYW4gYmUgb3BlbiBzaW11bHRhbmVvdXNseS5cbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIEBJbnB1dCh7IGFsaWFzOiAncmR4QWNjb3JkaW9uTXVsdGlwbGUnLCB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgbXVsdGlwbGU6IGJvb2xlYW4gPVxuICAgICAgICB0aGlzLmNvbmZpZy5tdWx0aXBsZTtcblxuICAgIC8qKlxuICAgICAqIFRoZSBvcmllbnRhdGlvbiBvZiB0aGUgYWNjb3JkaW9uLlxuICAgICAqIEBkZWZhdWx0ICd2ZXJ0aWNhbCdcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1vcmllbnRhdGlvbicpXG4gICAgQElucHV0KHsgYWxpYXM6ICdyZHhBY2NvcmRpb25PcmllbnRhdGlvbicgfSlcbiAgICBvcmllbnRhdGlvbjogJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJyA9IHRoaXMuY29uZmlnLm9yaWVudGF0aW9uO1xuXG4gICAgLyoqXG4gICAgICogRGV0ZXJtaW5lcyB3aGV0aGVyIHRoZSBhY2NvcmRpb24gc2hvdWxkIGJlIGRpc2FibGVkLlxuICAgICAqIEBkZWZhdWx0IGZhbHNlXG4gICAgICovXG4gICAgQElucHV0KHsgYWxpYXM6ICdyZHhBY2NvcmRpb25EaXNhYmxlZCcsIHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogU3RvcmUgdGhlIGN1cnJlbnRseSBleHBhbmRlZCBpdGVtKHMpLlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIHJlYWRvbmx5IGV4cGFuZGVkID0gc2lnbmFsPHN0cmluZ1tdPihbXSk7XG5cbiAgICAvKipcbiAgICAgKiBUaGUgdG91Y2hlZCBjYWxsYmFjay5cbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgb25Ub3VjaGVkPzogKCkgPT4gdm9pZDtcblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJvdmluZ0ZvY3VzR3JvdXAuc2V0T3JpZW50YXRpb24odGhpcy5vcmllbnRhdGlvbik7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEV4cGFuZCBhbiBpdGVtLlxuICAgICAqIEBwYXJhbSBpZCBUaGUgaWQgb2YgdGhlIGl0ZW0gdG8gZXhwYW5kLlxuICAgICAqL1xuICAgIGV4cGFuZChpZDogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZXhwYW5kZWQuc2V0KHRoaXMubXVsdGlwbGUgPyBbLi4udGhpcy5leHBhbmRlZCgpLCBpZF0gOiBbaWRdKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDb2xsYXBzZSBhbiBJdGVtLlxuICAgICAqIEBwYXJhbSBpZCBUaGUgaWQgb2YgdGhlIEl0ZW0gdG8gY29sbGFwc2UuXG4gICAgICovXG4gICAgY29sbGFwc2UoaWQ6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLmV4cGFuZGVkLnNldCh0aGlzLmV4cGFuZGVkKCkuZmlsdGVyKChleHBhbmRlZElkKSA9PiBleHBhbmRlZElkICE9PSBpZCkpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRvZ2dsZSBhbiBpdGVtLlxuICAgICAqIEBwYXJhbSBpZCBUaGUgaWQgb2YgdGhlIGl0ZW0gdG8gdG9nZ2xlLlxuICAgICAqL1xuICAgIHRvZ2dsZShpZDogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmV4cGFuZGVkKCkuaW5jbHVkZXMoaWQpKSB7XG4gICAgICAgICAgICB0aGlzLmNvbGxhcHNlKGlkKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuZXhwYW5kKGlkKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENvbGxhcHNlIGFsbCBpdGVtcy5cbiAgICAgKi9cbiAgICBjb2xsYXBzZUFsbCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5leHBhbmRlZC5zZXQoW10pO1xuICAgIH1cbn1cbiJdfQ==
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { inject, InjectionToken } from '@angular/core';
|
2
|
+
export const RdxAccordionToken = new InjectionToken('NgpAccordionToken');
|
3
|
+
export function injectAccordion() {
|
4
|
+
return inject(RdxAccordionToken);
|
5
|
+
}
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLnRva2VuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcHJpbWl0aXZlcy9hY2NvcmRpb24vc3JjL2FjY29yZGlvbi9hY2NvcmRpb24udG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJdkQsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxjQUFjLENBQXdCLG1CQUFtQixDQUFDLENBQUM7QUFFaEcsTUFBTSxVQUFVLGVBQWU7SUFDM0IsT0FBTyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztBQUNyQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaW5qZWN0LCBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IFJkeEFjY29yZGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4vYWNjb3JkaW9uLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCBjb25zdCBSZHhBY2NvcmRpb25Ub2tlbiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxSZHhBY2NvcmRpb25EaXJlY3RpdmU+KCdOZ3BBY2NvcmRpb25Ub2tlbicpO1xuXG5leHBvcnQgZnVuY3Rpb24gaW5qZWN0QWNjb3JkaW9uKCk6IFJkeEFjY29yZGlvbkRpcmVjdGl2ZSB7XG4gICAgcmV0dXJuIGluamVjdChSZHhBY2NvcmRpb25Ub2tlbik7XG59XG4iXX0=
|
@@ -0,0 +1,75 @@
|
|
1
|
+
import { ChangeDetectorRef, Directive, ElementRef, HostBinding, inject } from '@angular/core';
|
2
|
+
import { RdxAccordionItemToken } from '../accordion-item/accordion-item.token';
|
3
|
+
import { RdxAccordionStateDirective } from '../accordion-state.directive';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
import * as i1 from "../accordion-state.directive";
|
6
|
+
export class RdxAccordionContentDirective {
|
7
|
+
constructor() {
|
8
|
+
/**
|
9
|
+
* Access the element ref.
|
10
|
+
*/
|
11
|
+
this.elementRef = inject(ElementRef);
|
12
|
+
/**
|
13
|
+
* Access the change detector ref.
|
14
|
+
*/
|
15
|
+
this.changeDetectorRef = inject(ChangeDetectorRef);
|
16
|
+
/**
|
17
|
+
* Access the item the content belongs to.
|
18
|
+
*/
|
19
|
+
this.item = inject(RdxAccordionItemToken);
|
20
|
+
/**
|
21
|
+
* Derive the id of the content.
|
22
|
+
* @internal
|
23
|
+
*/
|
24
|
+
this.id = `${this.item.id}-content`;
|
25
|
+
/**
|
26
|
+
* Derive the id of the trigger.
|
27
|
+
* @internal
|
28
|
+
*/
|
29
|
+
this.labelledby = `${this.item.id}-trigger`;
|
30
|
+
/**
|
31
|
+
* Define the width of the content as a CSS variable, so it can be used in animations.
|
32
|
+
* @internal
|
33
|
+
*/
|
34
|
+
this.width = this.elementRef.nativeElement.scrollWidth;
|
35
|
+
/**
|
36
|
+
* Define the height of the content as a CSS variable, so it can be used in animations.
|
37
|
+
* @internal
|
38
|
+
*/
|
39
|
+
this.height = this.elementRef.nativeElement.scrollHeight;
|
40
|
+
}
|
41
|
+
ngAfterViewInit() {
|
42
|
+
this.updateContentSize();
|
43
|
+
}
|
44
|
+
/**
|
45
|
+
* Update the size of the content.
|
46
|
+
*/
|
47
|
+
updateContentSize() {
|
48
|
+
this.width = this.elementRef.nativeElement.scrollWidth;
|
49
|
+
this.height = this.elementRef.nativeElement.scrollHeight;
|
50
|
+
this.changeDetectorRef.detectChanges();
|
51
|
+
}
|
52
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
53
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxAccordionContentDirective, isStandalone: true, selector: "[rdxAccordionContent]", host: { attributes: { "role": "region" }, properties: { "id": "id", "attr.aria-labelledby": "labelledby", "style.display": "!item.isExpanded() ? \"none\": \"\"", "style.--rdx-accordion-content-width.px": "this.width", "style.--rdx-accordion-content-height.px": "this.height" } }, hostDirectives: [{ directive: i1.RdxAccordionStateDirective }], ngImport: i0 }); }
|
54
|
+
}
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionContentDirective, decorators: [{
|
56
|
+
type: Directive,
|
57
|
+
args: [{
|
58
|
+
selector: '[rdxAccordionContent]',
|
59
|
+
standalone: true,
|
60
|
+
host: {
|
61
|
+
role: 'region',
|
62
|
+
'[id]': 'id',
|
63
|
+
'[attr.aria-labelledby]': 'labelledby',
|
64
|
+
'[style.display]': '!item.isExpanded() ? "none": ""'
|
65
|
+
},
|
66
|
+
hostDirectives: [RdxAccordionStateDirective]
|
67
|
+
}]
|
68
|
+
}], propDecorators: { width: [{
|
69
|
+
type: HostBinding,
|
70
|
+
args: ['style.--rdx-accordion-content-width.px']
|
71
|
+
}], height: [{
|
72
|
+
type: HostBinding,
|
73
|
+
args: ['style.--rdx-accordion-content-height.px']
|
74
|
+
}] } });
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWNvbnRlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcHJpbWl0aXZlcy9hY2NvcmRpb24vc3JjL2FjY29yZGlvbi1jb250ZW50L2FjY29yZGlvbi1jb250ZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLE1BQU0sRUFDVCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7O0FBYTFFLE1BQU0sT0FBTyw0QkFBNEI7SUFYekM7UUFZSTs7V0FFRztRQUNjLGVBQVUsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO1FBRTFFOztXQUVHO1FBQ2Msc0JBQWlCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFFL0Q7O1dBRUc7UUFDZ0IsU0FBSSxHQUFHLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBRXhEOzs7V0FHRztRQUNNLE9BQUUsR0FBRyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxVQUFVLENBQUM7UUFFeEM7OztXQUdHO1FBQ00sZUFBVSxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLFVBQVUsQ0FBQztRQUVoRDs7O1dBR0c7UUFFTyxVQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO1FBRTVEOzs7V0FHRztRQUVPLFdBQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7S0FjakU7SUFaRyxlQUFlO1FBQ1gsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVEOztPQUVHO0lBQ0ssaUJBQWlCO1FBQ3JCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDO1FBQ3pELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQyxDQUFDOzhHQXJEUSw0QkFBNEI7a0dBQTVCLDRCQUE0Qjs7MkZBQTVCLDRCQUE0QjtrQkFYeEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNGLElBQUksRUFBRSxRQUFRO3dCQUNkLE1BQU0sRUFBRSxJQUFJO3dCQUNaLHdCQUF3QixFQUFFLFlBQVk7d0JBQ3RDLGlCQUFpQixFQUFFLGlDQUFpQztxQkFDdkQ7b0JBQ0QsY0FBYyxFQUFFLENBQUMsMEJBQTBCLENBQUM7aUJBQy9DOzhCQWtDYSxLQUFLO3NCQURkLFdBQVc7dUJBQUMsd0NBQXdDO2dCQVEzQyxNQUFNO3NCQURmLFdBQVc7dUJBQUMseUNBQXlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIERpcmVjdGl2ZSxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIGluamVjdFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgUmR4QWNjb3JkaW9uSXRlbVRva2VuIH0gZnJvbSAnLi4vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0udG9rZW4nO1xuaW1wb3J0IHsgUmR4QWNjb3JkaW9uU3RhdGVEaXJlY3RpdmUgfSBmcm9tICcuLi9hY2NvcmRpb24tc3RhdGUuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbcmR4QWNjb3JkaW9uQ29udGVudF0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaG9zdDoge1xuICAgICAgICByb2xlOiAncmVnaW9uJyxcbiAgICAgICAgJ1tpZF0nOiAnaWQnLFxuICAgICAgICAnW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XSc6ICdsYWJlbGxlZGJ5JyxcbiAgICAgICAgJ1tzdHlsZS5kaXNwbGF5XSc6ICchaXRlbS5pc0V4cGFuZGVkKCkgPyBcIm5vbmVcIjogXCJcIidcbiAgICB9LFxuICAgIGhvc3REaXJlY3RpdmVzOiBbUmR4QWNjb3JkaW9uU3RhdGVEaXJlY3RpdmVdXG59KVxuZXhwb3J0IGNsYXNzIFJkeEFjY29yZGlvbkNvbnRlbnREaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgICAvKipcbiAgICAgKiBBY2Nlc3MgdGhlIGVsZW1lbnQgcmVmLlxuICAgICAqL1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZiA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG5cbiAgICAvKipcbiAgICAgKiBBY2Nlc3MgdGhlIGNoYW5nZSBkZXRlY3RvciByZWYuXG4gICAgICovXG4gICAgcHJpdmF0ZSByZWFkb25seSBjaGFuZ2VEZXRlY3RvclJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG5cbiAgICAvKipcbiAgICAgKiBBY2Nlc3MgdGhlIGl0ZW0gdGhlIGNvbnRlbnQgYmVsb25ncyB0by5cbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgaXRlbSA9IGluamVjdChSZHhBY2NvcmRpb25JdGVtVG9rZW4pO1xuXG4gICAgLyoqXG4gICAgICogRGVyaXZlIHRoZSBpZCBvZiB0aGUgY29udGVudC5cbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICByZWFkb25seSBpZCA9IGAke3RoaXMuaXRlbS5pZH0tY29udGVudGA7XG5cbiAgICAvKipcbiAgICAgKiBEZXJpdmUgdGhlIGlkIG9mIHRoZSB0cmlnZ2VyLlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIHJlYWRvbmx5IGxhYmVsbGVkYnkgPSBgJHt0aGlzLml0ZW0uaWR9LXRyaWdnZXJgO1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSB3aWR0aCBvZiB0aGUgY29udGVudCBhcyBhIENTUyB2YXJpYWJsZSwgc28gaXQgY2FuIGJlIHVzZWQgaW4gYW5pbWF0aW9ucy5cbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tcmR4LWFjY29yZGlvbi1jb250ZW50LXdpZHRoLnB4JylcbiAgICBwcm90ZWN0ZWQgd2lkdGggPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zY3JvbGxXaWR0aDtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgaGVpZ2h0IG9mIHRoZSBjb250ZW50IGFzIGEgQ1NTIHZhcmlhYmxlLCBzbyBpdCBjYW4gYmUgdXNlZCBpbiBhbmltYXRpb25zLlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnc3R5bGUuLS1yZHgtYWNjb3JkaW9uLWNvbnRlbnQtaGVpZ2h0LnB4JylcbiAgICBwcm90ZWN0ZWQgaGVpZ2h0ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSGVpZ2h0O1xuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnVwZGF0ZUNvbnRlbnRTaXplKCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVXBkYXRlIHRoZSBzaXplIG9mIHRoZSBjb250ZW50LlxuICAgICAqL1xuICAgIHByaXZhdGUgdXBkYXRlQ29udGVudFNpemUoKTogdm9pZCB7XG4gICAgICAgIHRoaXMud2lkdGggPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zY3JvbGxXaWR0aDtcbiAgICAgICAgdGhpcy5oZWlnaHQgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zY3JvbGxIZWlnaHQ7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbn1cbiJdfQ==
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { Directive } from '@angular/core';
|
2
|
+
import { RdxAccordionStateDirective } from '../accordion-state.directive';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "../accordion-state.directive";
|
5
|
+
export class RdxAccordionHeaderDirective {
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
7
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxAccordionHeaderDirective, isStandalone: true, selector: "[rdxAccordionHeader]", hostDirectives: [{ directive: i1.RdxAccordionStateDirective }], ngImport: i0 }); }
|
8
|
+
}
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionHeaderDirective, decorators: [{
|
10
|
+
type: Directive,
|
11
|
+
args: [{
|
12
|
+
selector: '[rdxAccordionHeader]',
|
13
|
+
standalone: true,
|
14
|
+
hostDirectives: [RdxAccordionStateDirective]
|
15
|
+
}]
|
16
|
+
}] });
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWhlYWRlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uLWhlYWRlci9hY2NvcmRpb24taGVhZGVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7QUFPMUUsTUFBTSxPQUFPLDJCQUEyQjs4R0FBM0IsMkJBQTJCO2tHQUEzQiwyQkFBMkI7OzJGQUEzQiwyQkFBMkI7a0JBTHZDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGNBQWMsRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUMvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBSZHhBY2NvcmRpb25TdGF0ZURpcmVjdGl2ZSB9IGZyb20gJy4uL2FjY29yZGlvbi1zdGF0ZS5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyZHhBY2NvcmRpb25IZWFkZXJdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbUmR4QWNjb3JkaW9uU3RhdGVEaXJlY3RpdmVdXG59KVxuZXhwb3J0IGNsYXNzIFJkeEFjY29yZGlvbkhlYWRlckRpcmVjdGl2ZSB7fVxuIl19
|
@@ -0,0 +1,81 @@
|
|
1
|
+
import { booleanAttribute, computed, Directive, EventEmitter, Input, Output } from '@angular/core';
|
2
|
+
import { RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';
|
3
|
+
import { RdxAccordionStateDirective } from '../accordion-state.directive';
|
4
|
+
import { injectAccordion } from '../accordion/accordion.token';
|
5
|
+
import { RdxAccordionItemToken } from './accordion-item.token';
|
6
|
+
import * as i0 from "@angular/core";
|
7
|
+
import * as i1 from "../accordion-state.directive";
|
8
|
+
import * as i2 from "@radix-ng/primitives/roving-focus";
|
9
|
+
/**
|
10
|
+
* A unique id for the item.
|
11
|
+
*/
|
12
|
+
let uniqueId = 0;
|
13
|
+
export class RdxAccordionItemDirective {
|
14
|
+
constructor() {
|
15
|
+
/**
|
16
|
+
* Access the accordion the item belongs to.
|
17
|
+
*/
|
18
|
+
this.accordion = injectAccordion();
|
19
|
+
/**
|
20
|
+
* Determines whether the item should be expanded.
|
21
|
+
* @default false
|
22
|
+
*/
|
23
|
+
this.expanded = false;
|
24
|
+
/**
|
25
|
+
* Determines whether the Item should be disabled.
|
26
|
+
* @default false
|
27
|
+
*/
|
28
|
+
this.disabled = false;
|
29
|
+
/**
|
30
|
+
* Event emitted when the Item is expanded.
|
31
|
+
*/
|
32
|
+
this.expandedChange = new EventEmitter();
|
33
|
+
/**
|
34
|
+
* The unique id of the Item.
|
35
|
+
* @internal
|
36
|
+
*/
|
37
|
+
this.id = `rdx-accordion-item-${uniqueId++}`;
|
38
|
+
/**
|
39
|
+
* Determine if this item is expanded.
|
40
|
+
* @internal
|
41
|
+
*/
|
42
|
+
this.isExpanded = computed(() => this.accordion.expanded().includes(this.id));
|
43
|
+
}
|
44
|
+
/**
|
45
|
+
* Toggle the expanded state of the Item.
|
46
|
+
*/
|
47
|
+
toggle() {
|
48
|
+
// If the accordion or Item is disabled, do nothing.
|
49
|
+
if (this.accordion.disabled || this.disabled) {
|
50
|
+
return;
|
51
|
+
}
|
52
|
+
if (this.isExpanded()) {
|
53
|
+
this.accordion.collapse(this.id);
|
54
|
+
}
|
55
|
+
else {
|
56
|
+
this.accordion.expand(this.id);
|
57
|
+
}
|
58
|
+
this.expandedChange.emit(this.isExpanded());
|
59
|
+
}
|
60
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
61
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxAccordionItemDirective, isStandalone: true, selector: "[rdxAccordionItem]", inputs: { expanded: ["rdxAccordionItemExpanded", "expanded", booleanAttribute], disabled: ["rdxAccordionItemDisabled", "disabled", booleanAttribute] }, outputs: { expandedChange: "rdxAccordionItemExpandedChange" }, providers: [{ provide: RdxAccordionItemToken, useExisting: RdxAccordionItemDirective }], hostDirectives: [{ directive: i1.RdxAccordionStateDirective }, { directive: i2.RdxRovingFocusItemDirective }], ngImport: i0 }); }
|
62
|
+
}
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionItemDirective, decorators: [{
|
64
|
+
type: Directive,
|
65
|
+
args: [{
|
66
|
+
selector: '[rdxAccordionItem]',
|
67
|
+
standalone: true,
|
68
|
+
providers: [{ provide: RdxAccordionItemToken, useExisting: RdxAccordionItemDirective }],
|
69
|
+
hostDirectives: [RdxAccordionStateDirective, RdxRovingFocusItemDirective]
|
70
|
+
}]
|
71
|
+
}], propDecorators: { expanded: [{
|
72
|
+
type: Input,
|
73
|
+
args: [{ alias: 'rdxAccordionItemExpanded', transform: booleanAttribute }]
|
74
|
+
}], disabled: [{
|
75
|
+
type: Input,
|
76
|
+
args: [{ alias: 'rdxAccordionItemDisabled', transform: booleanAttribute }]
|
77
|
+
}], expandedChange: [{
|
78
|
+
type: Output,
|
79
|
+
args: ['rdxAccordionItemExpandedChange']
|
80
|
+
}] } });
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcHJpbWl0aXZlcy9hY2NvcmRpb24vc3JjL2FjY29yZGlvbi1pdGVtL2FjY29yZGlvbi1pdGVtLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVoRixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFFL0Q7O0dBRUc7QUFDSCxJQUFJLFFBQVEsR0FBRyxDQUFDLENBQUM7QUFRakIsTUFBTSxPQUFPLHlCQUF5QjtJQU50QztRQU9JOztXQUVHO1FBQ2MsY0FBUyxHQUFHLGVBQWUsRUFBRSxDQUFDO1FBRS9DOzs7V0FHRztRQUN3RSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTVGOzs7V0FHRztRQUN3RSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTVGOztXQUVHO1FBQ2dELG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUVoRzs7O1dBR0c7UUFDTSxPQUFFLEdBQUcsc0JBQXNCLFFBQVEsRUFBRSxFQUFFLENBQUM7UUFFakQ7OztXQUdHO1FBQ00sZUFBVSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztLQW1CckY7SUFqQkc7O09BRUc7SUFDSCxNQUFNO1FBQ0Ysb0RBQW9EO1FBQ3BELElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQzNDLE9BQU87UUFDWCxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDckMsQ0FBQzthQUFNLENBQUM7WUFDSixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDbkMsQ0FBQztRQUVELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBQ2hELENBQUM7OEdBbkRRLHlCQUF5QjtrR0FBekIseUJBQXlCLG1IQVVxQixnQkFBZ0Isc0RBTWhCLGdCQUFnQiwrRUFuQjVELENBQUMsRUFBRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsV0FBVyxFQUFFLHlCQUF5QixFQUFFLENBQUM7OzJGQUc5RSx5QkFBeUI7a0JBTnJDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLFdBQVcsMkJBQTJCLEVBQUUsQ0FBQztvQkFDdkYsY0FBYyxFQUFFLENBQUMsMEJBQTBCLEVBQUUsMkJBQTJCLENBQUM7aUJBQzVFOzhCQVc4RSxRQUFRO3NCQUFsRixLQUFLO3VCQUFDLEVBQUUsS0FBSyxFQUFFLDBCQUEwQixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFNRSxRQUFRO3NCQUFsRixLQUFLO3VCQUFDLEVBQUUsS0FBSyxFQUFFLDBCQUEwQixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFLdEIsY0FBYztzQkFBaEUsTUFBTTt1QkFBQyxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBjb21wdXRlZCwgRGlyZWN0aXZlLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgUmR4Um92aW5nRm9jdXNJdGVtRGlyZWN0aXZlIH0gZnJvbSAnQHJhZGl4LW5nL3ByaW1pdGl2ZXMvcm92aW5nLWZvY3VzJztcblxuaW1wb3J0IHsgUmR4QWNjb3JkaW9uU3RhdGVEaXJlY3RpdmUgfSBmcm9tICcuLi9hY2NvcmRpb24tc3RhdGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IGluamVjdEFjY29yZGlvbiB9IGZyb20gJy4uL2FjY29yZGlvbi9hY2NvcmRpb24udG9rZW4nO1xuaW1wb3J0IHsgUmR4QWNjb3JkaW9uSXRlbVRva2VuIH0gZnJvbSAnLi9hY2NvcmRpb24taXRlbS50b2tlbic7XG5cbi8qKlxuICogQSB1bmlxdWUgaWQgZm9yIHRoZSBpdGVtLlxuICovXG5sZXQgdW5pcXVlSWQgPSAwO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyZHhBY2NvcmRpb25JdGVtXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IFJkeEFjY29yZGlvbkl0ZW1Ub2tlbiwgdXNlRXhpc3Rpbmc6IFJkeEFjY29yZGlvbkl0ZW1EaXJlY3RpdmUgfV0sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtSZHhBY2NvcmRpb25TdGF0ZURpcmVjdGl2ZSwgUmR4Um92aW5nRm9jdXNJdGVtRGlyZWN0aXZlXVxufSlcbmV4cG9ydCBjbGFzcyBSZHhBY2NvcmRpb25JdGVtRGlyZWN0aXZlIHtcbiAgICAvKipcbiAgICAgKiBBY2Nlc3MgdGhlIGFjY29yZGlvbiB0aGUgaXRlbSBiZWxvbmdzIHRvLlxuICAgICAqL1xuICAgIHByaXZhdGUgcmVhZG9ubHkgYWNjb3JkaW9uID0gaW5qZWN0QWNjb3JkaW9uKCk7XG5cbiAgICAvKipcbiAgICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgdGhlIGl0ZW0gc2hvdWxkIGJlIGV4cGFuZGVkLlxuICAgICAqIEBkZWZhdWx0IGZhbHNlXG4gICAgICovXG4gICAgQElucHV0KHsgYWxpYXM6ICdyZHhBY2NvcmRpb25JdGVtRXhwYW5kZWQnLCB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZXhwYW5kZWQgPSBmYWxzZTtcblxuICAgIC8qKlxuICAgICAqIERldGVybWluZXMgd2hldGhlciB0aGUgSXRlbSBzaG91bGQgYmUgZGlzYWJsZWQuXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBASW5wdXQoeyBhbGlhczogJ3JkeEFjY29yZGlvbkl0ZW1EaXNhYmxlZCcsIHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBJdGVtIGlzIGV4cGFuZGVkLlxuICAgICAqL1xuICAgIEBPdXRwdXQoJ3JkeEFjY29yZGlvbkl0ZW1FeHBhbmRlZENoYW5nZScpIHJlYWRvbmx5IGV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICAgLyoqXG4gICAgICogVGhlIHVuaXF1ZSBpZCBvZiB0aGUgSXRlbS5cbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICByZWFkb25seSBpZCA9IGByZHgtYWNjb3JkaW9uLWl0ZW0tJHt1bmlxdWVJZCsrfWA7XG5cbiAgICAvKipcbiAgICAgKiBEZXRlcm1pbmUgaWYgdGhpcyBpdGVtIGlzIGV4cGFuZGVkLlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIHJlYWRvbmx5IGlzRXhwYW5kZWQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmFjY29yZGlvbi5leHBhbmRlZCgpLmluY2x1ZGVzKHRoaXMuaWQpKTtcblxuICAgIC8qKlxuICAgICAqIFRvZ2dsZSB0aGUgZXhwYW5kZWQgc3RhdGUgb2YgdGhlIEl0ZW0uXG4gICAgICovXG4gICAgdG9nZ2xlKCk6IHZvaWQge1xuICAgICAgICAvLyBJZiB0aGUgYWNjb3JkaW9uIG9yIEl0ZW0gaXMgZGlzYWJsZWQsIGRvIG5vdGhpbmcuXG4gICAgICAgIGlmICh0aGlzLmFjY29yZGlvbi5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5pc0V4cGFuZGVkKCkpIHtcbiAgICAgICAgICAgIHRoaXMuYWNjb3JkaW9uLmNvbGxhcHNlKHRoaXMuaWQpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5hY2NvcmRpb24uZXhwYW5kKHRoaXMuaWQpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuaXNFeHBhbmRlZCgpKTtcbiAgICB9XG59XG4iXX0=
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { inject, InjectionToken } from '@angular/core';
|
2
|
+
export const RdxAccordionItemToken = new InjectionToken('RdxAccordionItemToken');
|
3
|
+
export function injectAccordionItem() {
|
4
|
+
return inject(RdxAccordionItemToken);
|
5
|
+
}
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0udG9rZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0udG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJdkQsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsSUFBSSxjQUFjLENBQ25ELHVCQUF1QixDQUMxQixDQUFDO0FBRUYsTUFBTSxVQUFVLG1CQUFtQjtJQUMvQixPQUFPLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0FBQ3pDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHsgUmR4QWNjb3JkaW9uSXRlbURpcmVjdGl2ZSB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0uZGlyZWN0aXZlJztcblxuZXhwb3J0IGNvbnN0IFJkeEFjY29yZGlvbkl0ZW1Ub2tlbiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxSZHhBY2NvcmRpb25JdGVtRGlyZWN0aXZlPihcbiAgICAnUmR4QWNjb3JkaW9uSXRlbVRva2VuJ1xuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIGluamVjdEFjY29yZGlvbkl0ZW0oKTogUmR4QWNjb3JkaW9uSXRlbURpcmVjdGl2ZSB7XG4gICAgcmV0dXJuIGluamVjdChSZHhBY2NvcmRpb25JdGVtVG9rZW4pO1xufVxuIl19
|