@radix-ng/primitives 0.3.0 → 0.5.0

package/fesm2022/radix-ng-primitives-accordion.mjs

@@ -0,0 +1,394 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, computed, Directive, ElementRef, ChangeDetectorRef, HostBinding, EventEmitter, booleanAttribute, Input, Output, HostListener, signal } from '@angular/core';
+import * as i2 from '@radix-ng/primitives/roving-focus';
+import { RdxRovingFocusItemDirective, injectRovingFocusGroup, RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';
+
+const RdxAccordionItemToken = new InjectionToken('RdxAccordionItemToken');
+function injectAccordionItem() {
+    return inject(RdxAccordionItemToken);
+}
+
+const RdxAccordionToken = new InjectionToken('NgpAccordionToken');
+function injectAccordion() {
+    return inject(RdxAccordionToken);
+}
+
+class RdxAccordionStateDirective {
+    constructor() {
+        /**
+         * Access the accordion the trigger belongs to.
+         */
+        this.accordion = injectAccordion();
+        /**
+         * Access the item the trigger belongs to.
+         */
+        this.item = injectAccordionItem();
+        /**
+         * Determine the expanded state of the item.
+         * @internal
+         */
+        this.state = computed(() => (this.item.isExpanded() ? 'open' : 'closed'));
+    }
+    /**
+     * Determine the disabled state of the item.
+     * @internal
+     */
+    get isDisabled() {
+        return this.item.disabled || this.accordion.disabled;
+    }
+    /**
+     * Determine the orientation of the accordion.
+     * @internal
+     */
+    get orientation() {
+        return this.accordion.orientation;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxAccordionStateDirective, isStandalone: true, host: { properties: { "attr.data-state": "state()", "attr.data-disabled": "isDisabled", "attr.data-orientation": "orientation" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionStateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    host: {
+                        '[attr.data-state]': 'state()',
+                        '[attr.data-disabled]': 'isDisabled',
+                        '[attr.data-orientation]': 'orientation'
+                    }
+                }]
+        }] });
+
+class RdxAccordionContentDirective {
+    constructor() {
+        /**
+         * Access the element ref.
+         */
+        this.elementRef = inject(ElementRef);
+        /**
+         * Access the change detector ref.
+         */
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        /**
+         * Access the item the content belongs to.
+         */
+        this.item = inject(RdxAccordionItemToken);
+        /**
+         * Derive the id of the content.
+         * @internal
+         */
+        this.id = `${this.item.id}-content`;
+        /**
+         * Derive the id of the trigger.
+         * @internal
+         */
+        this.labelledby = `${this.item.id}-trigger`;
+        /**
+         * Define the width of the content as a CSS variable, so it can be used in animations.
+         * @internal
+         */
+        this.width = this.elementRef.nativeElement.scrollWidth;
+        /**
+         * Define the height of the content as a CSS variable, so it can be used in animations.
+         * @internal
+         */
+        this.height = this.elementRef.nativeElement.scrollHeight;
+    }
+    ngAfterViewInit() {
+        this.updateContentSize();
+    }
+    /**
+     * Update the size of the content.
+     */
+    updateContentSize() {
+        this.width = this.elementRef.nativeElement.scrollWidth;
+        this.height = this.elementRef.nativeElement.scrollHeight;
+        this.changeDetectorRef.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    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: RdxAccordionStateDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionContent]',
+                    standalone: true,
+                    host: {
+                        role: 'region',
+                        '[id]': 'id',
+                        '[attr.aria-labelledby]': 'labelledby',
+                        '[style.display]': '!item.isExpanded() ? "none": ""'
+                    },
+                    hostDirectives: [RdxAccordionStateDirective]
+                }]
+        }], propDecorators: { width: [{
+                type: HostBinding,
+                args: ['style.--rdx-accordion-content-width.px']
+            }], height: [{
+                type: HostBinding,
+                args: ['style.--rdx-accordion-content-height.px']
+            }] } });
+
+class RdxAccordionHeaderDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxAccordionHeaderDirective, isStandalone: true, selector: "[rdxAccordionHeader]", hostDirectives: [{ directive: RdxAccordionStateDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionHeader]',
+                    standalone: true,
+                    hostDirectives: [RdxAccordionStateDirective]
+                }]
+        }] });
+
+/**
+ * A unique id for the item.
+ */
+let uniqueId = 0;
+class RdxAccordionItemDirective {
+    constructor() {
+        /**
+         * Access the accordion the item belongs to.
+         */
+        this.accordion = injectAccordion();
+        /**
+         * Determines whether the item should be expanded.
+         * @default false
+         */
+        this.expanded = false;
+        /**
+         * Determines whether the Item should be disabled.
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Event emitted when the Item is expanded.
+         */
+        this.expandedChange = new EventEmitter();
+        /**
+         * The unique id of the Item.
+         * @internal
+         */
+        this.id = `rdx-accordion-item-${uniqueId++}`;
+        /**
+         * Determine if this item is expanded.
+         * @internal
+         */
+        this.isExpanded = computed(() => this.accordion.expanded().includes(this.id));
+    }
+    /**
+     * Toggle the expanded state of the Item.
+     */
+    toggle() {
+        // If the accordion or Item is disabled, do nothing.
+        if (this.accordion.disabled || this.disabled) {
+            return;
+        }
+        if (this.isExpanded()) {
+            this.accordion.collapse(this.id);
+        }
+        else {
+            this.accordion.expand(this.id);
+        }
+        this.expandedChange.emit(this.isExpanded());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    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: RdxAccordionStateDirective }, { directive: i2.RdxRovingFocusItemDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionItem]',
+                    standalone: true,
+                    providers: [{ provide: RdxAccordionItemToken, useExisting: RdxAccordionItemDirective }],
+                    hostDirectives: [RdxAccordionStateDirective, RdxRovingFocusItemDirective]
+                }]
+        }], propDecorators: { expanded: [{
+                type: Input,
+                args: [{ alias: 'rdxAccordionItemExpanded', transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ alias: 'rdxAccordionItemDisabled', transform: booleanAttribute }]
+            }], expandedChange: [{
+                type: Output,
+                args: ['rdxAccordionItemExpandedChange']
+            }] } });
+
+class RdxAccordionTriggerDirective {
+    constructor() {
+        /**
+         * Access the item the trigger belongs to.
+         */
+        this.item = inject(RdxAccordionItemToken);
+        /**
+         * Get the id of the item content.
+         * @internal
+         */
+        this.contentId = `${this.item.id}-content`;
+    }
+    /**
+     * Derive the id of the trigger.
+     */
+    get triggerId() {
+        return `${this.item.id}-trigger`;
+    }
+    /**
+     * Toggle the expanded state of the item.
+     */
+    toggle() {
+        this.item.toggle();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxAccordionTriggerDirective, isStandalone: true, selector: "[rdxAccordionTrigger]", host: { listeners: { "click": "toggle()" }, properties: { "id": "triggerId", "attr.aria-expanded": "item.isExpanded()", "attr.aria-controls": "contentId" } }, hostDirectives: [{ directive: RdxAccordionStateDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionTrigger]',
+                    standalone: true,
+                    hostDirectives: [RdxAccordionStateDirective],
+                    host: {
+                        '[id]': 'triggerId',
+                        '[attr.aria-expanded]': 'item.isExpanded()',
+                        '[attr.aria-controls]': 'contentId'
+                    }
+                }]
+        }], propDecorators: { toggle: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+const RdxAccordionConfigToken = new InjectionToken('RdxAccordionConfiguration');
+const defaultAccordionConfig = {
+    multiple: false,
+    orientation: 'vertical'
+};
+/**
+ * Provide the default accordion configuration
+ * @param config The accordion configuration
+ * @returns The provider
+ */
+function provideAccordionConfig(config) {
+    return [
+        {
+            provide: RdxAccordionConfigToken,
+            useValue: { ...defaultAccordionConfig, ...config }
+        }
+    ];
+}
+/**
+ * Inject the accordion configuration
+ * @returns The global accordion configuration
+ */
+function injectAccordionConfig() {
+    return inject(RdxAccordionConfigToken, { optional: true }) ?? defaultAccordionConfig;
+}
+
+/**
+ * The root accordion directive that all parts should be placed within.
+ */
+class RdxAccordionDirective {
+    constructor() {
+        /**
+         * Access the global accordion configuration.
+         */
+        this.config = injectAccordionConfig();
+        /**
+         * Access the roving focus group
+         */
+        this.rovingFocusGroup = injectRovingFocusGroup();
+        /**
+         * Determines whether multiple items can be open simultaneously.
+         * @default false
+         */
+        this.multiple = this.config.multiple;
+        /**
+         * The orientation of the accordion.
+         * @default 'vertical'
+         */
+        this.orientation = this.config.orientation;
+        /**
+         * Determines whether the accordion should be disabled.
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Store the currently expanded item(s).
+         * @internal
+         */
+        this.expanded = signal([]);
+    }
+    ngOnInit() {
+        this.rovingFocusGroup.setOrientation(this.orientation);
+    }
+    /**
+     * Expand an item.
+     * @param id The id of the item to expand.
+     */
+    expand(id) {
+        this.expanded.set(this.multiple ? [...this.expanded(), id] : [id]);
+    }
+    /**
+     * Collapse an Item.
+     * @param id The id of the Item to collapse.
+     */
+    collapse(id) {
+        this.expanded.set(this.expanded().filter((expandedId) => expandedId !== id));
+    }
+    /**
+     * Toggle an item.
+     * @param id The id of the item to toggle.
+     */
+    toggle(id) {
+        if (this.expanded().includes(id)) {
+            this.collapse(id);
+        }
+        else {
+            this.expand(id);
+        }
+    }
+    /**
+     * Collapse all items.
+     */
+    collapseAll() {
+        this.expanded.set([]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    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: i2.RdxRovingFocusGroupDirective, inputs: ["rdxRovingFocusGroupOrientation", "orientation"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordion]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: RdxRovingFocusGroupDirective,
+                            inputs: ['rdxRovingFocusGroupOrientation:orientation']
+                        }
+                    ],
+                    providers: [{ provide: RdxAccordionToken, useExisting: RdxAccordionDirective }],
+                    host: {
+                        '(focusout)': 'onTouched?.()'
+                    }
+                }]
+        }], propDecorators: { multiple: [{
+                type: Input,
+                args: [{ alias: 'rdxAccordionMultiple', transform: booleanAttribute }]
+            }], orientation: [{
+                type: HostBinding,
+                args: ['attr.data-orientation']
+            }, {
+                type: Input,
+                args: [{ alias: 'rdxAccordionOrientation' }]
+            }], disabled: [{
+                type: Input,
+                args: [{ alias: 'rdxAccordionDisabled', transform: booleanAttribute }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxAccordionConfigToken, RdxAccordionContentDirective, RdxAccordionDirective, RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionStateDirective, RdxAccordionTriggerDirective, injectAccordionConfig, provideAccordionConfig };
+//# sourceMappingURL=radix-ng-primitives-accordion.mjs.map

package/fesm2022/radix-ng-primitives-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-accordion.mjs","sources":["../../../packages/primitives/accordion/src/accordion-item/accordion-item.token.ts","../../../packages/primitives/accordion/src/accordion/accordion.token.ts","../../../packages/primitives/accordion/src/accordion-state.directive.ts","../../../packages/primitives/accordion/src/accordion-content/accordion-content.directive.ts","../../../packages/primitives/accordion/src/accordion-header/accordion-header.directive.ts","../../../packages/primitives/accordion/src/accordion-item/accordion-item.directive.ts","../../../packages/primitives/accordion/src/accordion-trigger/accordion-trigger.directive.ts","../../../packages/primitives/accordion/src/accordion.config.ts","../../../packages/primitives/accordion/src/accordion/accordion.directive.ts","../../../packages/primitives/accordion/radix-ng-primitives-accordion.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type { RdxAccordionItemDirective } from './accordion-item.directive';\n\nexport const RdxAccordionItemToken = new InjectionToken<RdxAccordionItemDirective>(\n    'RdxAccordionItemToken'\n);\n\nexport function injectAccordionItem(): RdxAccordionItemDirective {\n    return inject(RdxAccordionItemToken);\n}\n","import { inject, InjectionToken } from '@angular/core';\n\nimport type { RdxAccordionDirective } from './accordion.directive';\n\nexport const RdxAccordionToken = new InjectionToken<RdxAccordionDirective>('NgpAccordionToken');\n\nexport function injectAccordion(): RdxAccordionDirective {\n    return inject(RdxAccordionToken);\n}\n","import { computed, Directive } from '@angular/core';\n\nimport { injectAccordionItem } from './accordion-item/accordion-item.token';\nimport { injectAccordion } from './accordion/accordion.token';\n\n@Directive({\n    standalone: true,\n    host: {\n        '[attr.data-state]': 'state()',\n        '[attr.data-disabled]': 'isDisabled',\n        '[attr.data-orientation]': 'orientation'\n    }\n})\nexport class RdxAccordionStateDirective {\n    /**\n     * Access the accordion the trigger belongs to.\n     */\n    private readonly accordion = injectAccordion();\n\n    /**\n     * Access the item the trigger belongs to.\n     */\n    private readonly item = injectAccordionItem();\n\n    /**\n     * Determine the expanded state of the item.\n     * @internal\n     */\n    readonly state = computed(() => (this.item.isExpanded() ? 'open' : 'closed'));\n\n    /**\n     * Determine the disabled state of the item.\n     * @internal\n     */\n    get isDisabled(): boolean {\n        return this.item.disabled || this.accordion.disabled;\n    }\n\n    /**\n     * Determine the orientation of the accordion.\n     * @internal\n     */\n    get orientation(): 'horizontal' | 'vertical' {\n        return this.accordion.orientation;\n    }\n}\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Directive,\n    ElementRef,\n    HostBinding,\n    inject\n} from '@angular/core';\n\nimport { RdxAccordionItemToken } from '../accordion-item/accordion-item.token';\nimport { RdxAccordionStateDirective } from '../accordion-state.directive';\n\n@Directive({\n    selector: '[rdxAccordionContent]',\n    standalone: true,\n    host: {\n        role: 'region',\n        '[id]': 'id',\n        '[attr.aria-labelledby]': 'labelledby',\n        '[style.display]': '!item.isExpanded() ? \"none\": \"\"'\n    },\n    hostDirectives: [RdxAccordionStateDirective]\n})\nexport class RdxAccordionContentDirective implements AfterViewInit {\n    /**\n     * Access the element ref.\n     */\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    /**\n     * Access the change detector ref.\n     */\n    private readonly changeDetectorRef = inject(ChangeDetectorRef);\n\n    /**\n     * Access the item the content belongs to.\n     */\n    protected readonly item = inject(RdxAccordionItemToken);\n\n    /**\n     * Derive the id of the content.\n     * @internal\n     */\n    readonly id = `${this.item.id}-content`;\n\n    /**\n     * Derive the id of the trigger.\n     * @internal\n     */\n    readonly labelledby = `${this.item.id}-trigger`;\n\n    /**\n     * Define the width of the content as a CSS variable, so it can be used in animations.\n     * @internal\n     */\n    @HostBinding('style.--rdx-accordion-content-width.px')\n    protected width = this.elementRef.nativeElement.scrollWidth;\n\n    /**\n     * Define the height of the content as a CSS variable, so it can be used in animations.\n     * @internal\n     */\n    @HostBinding('style.--rdx-accordion-content-height.px')\n    protected height = this.elementRef.nativeElement.scrollHeight;\n\n    ngAfterViewInit(): void {\n        this.updateContentSize();\n    }\n\n    /**\n     * Update the size of the content.\n     */\n    private updateContentSize(): void {\n        this.width = this.elementRef.nativeElement.scrollWidth;\n        this.height = this.elementRef.nativeElement.scrollHeight;\n        this.changeDetectorRef.detectChanges();\n    }\n}\n","import { Directive } from '@angular/core';\n\nimport { RdxAccordionStateDirective } from '../accordion-state.directive';\n\n@Directive({\n    selector: '[rdxAccordionHeader]',\n    standalone: true,\n    hostDirectives: [RdxAccordionStateDirective]\n})\nexport class RdxAccordionHeaderDirective {}\n","import { booleanAttribute, computed, Directive, EventEmitter, Input, Output } from '@angular/core';\n\nimport { RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';\n\nimport { RdxAccordionStateDirective } from '../accordion-state.directive';\nimport { injectAccordion } from '../accordion/accordion.token';\nimport { RdxAccordionItemToken } from './accordion-item.token';\n\n/**\n * A unique id for the item.\n */\nlet uniqueId = 0;\n\n@Directive({\n    selector: '[rdxAccordionItem]',\n    standalone: true,\n    providers: [{ provide: RdxAccordionItemToken, useExisting: RdxAccordionItemDirective }],\n    hostDirectives: [RdxAccordionStateDirective, RdxRovingFocusItemDirective]\n})\nexport class RdxAccordionItemDirective {\n    /**\n     * Access the accordion the item belongs to.\n     */\n    private readonly accordion = injectAccordion();\n\n    /**\n     * Determines whether the item should be expanded.\n     * @default false\n     */\n    @Input({ alias: 'rdxAccordionItemExpanded', transform: booleanAttribute }) expanded = false;\n\n    /**\n     * Determines whether the Item should be disabled.\n     * @default false\n     */\n    @Input({ alias: 'rdxAccordionItemDisabled', transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Event emitted when the Item is expanded.\n     */\n    @Output('rdxAccordionItemExpandedChange') readonly expandedChange = new EventEmitter<boolean>();\n\n    /**\n     * The unique id of the Item.\n     * @internal\n     */\n    readonly id = `rdx-accordion-item-${uniqueId++}`;\n\n    /**\n     * Determine if this item is expanded.\n     * @internal\n     */\n    readonly isExpanded = computed(() => this.accordion.expanded().includes(this.id));\n\n    /**\n     * Toggle the expanded state of the Item.\n     */\n    toggle(): void {\n        // If the accordion or Item is disabled, do nothing.\n        if (this.accordion.disabled || this.disabled) {\n            return;\n        }\n\n        if (this.isExpanded()) {\n            this.accordion.collapse(this.id);\n        } else {\n            this.accordion.expand(this.id);\n        }\n\n        this.expandedChange.emit(this.isExpanded());\n    }\n}\n","import { Directive, HostListener, inject } from '@angular/core';\n\nimport { RdxAccordionItemToken } from '../accordion-item/accordion-item.token';\nimport { RdxAccordionStateDirective } from '../accordion-state.directive';\n\n@Directive({\n    selector: '[rdxAccordionTrigger]',\n    standalone: true,\n    hostDirectives: [RdxAccordionStateDirective],\n    host: {\n        '[id]': 'triggerId',\n        '[attr.aria-expanded]': 'item.isExpanded()',\n        '[attr.aria-controls]': 'contentId'\n    }\n})\nexport class RdxAccordionTriggerDirective {\n    /**\n     * Access the item the trigger belongs to.\n     */\n    protected readonly item = inject(RdxAccordionItemToken);\n\n    /**\n     * Derive the id of the trigger.\n     */\n    protected get triggerId(): string {\n        return `${this.item.id}-trigger`;\n    }\n\n    /**\n     * Get the id of the item content.\n     * @internal\n     */\n    protected readonly contentId = `${this.item.id}-content`;\n\n    /**\n     * Toggle the expanded state of the item.\n     */\n    @HostListener('click')\n    toggle(): void {\n        this.item.toggle();\n    }\n}\n","import { inject, InjectionToken, Provider } from '@angular/core';\n\nexport const RdxAccordionConfigToken = new InjectionToken<RdxAccordionConfig>(\n    'RdxAccordionConfiguration'\n);\n\nexport interface RdxAccordionConfig {\n    /**\n     * Determines whether multiple items can be open simultaneously.\n     * @default false\n     */\n    multiple: boolean;\n\n    /**\n     * The orientation of the accordion.\n     * @default 'vertical'\n     */\n    orientation: 'horizontal' | 'vertical';\n}\n\nconst defaultAccordionConfig: RdxAccordionConfig = {\n    multiple: false,\n    orientation: 'vertical'\n};\n\n/**\n * Provide the default accordion configuration\n * @param config The accordion configuration\n * @returns The provider\n */\nexport function provideAccordionConfig(config: Partial<RdxAccordionConfig>): Provider[] {\n    return [\n        {\n            provide: RdxAccordionConfigToken,\n            useValue: { ...defaultAccordionConfig, ...config }\n        }\n    ];\n}\n\n/**\n * Inject the accordion configuration\n * @returns The global accordion configuration\n */\nexport function injectAccordionConfig(): RdxAccordionConfig {\n    return inject(RdxAccordionConfigToken, { optional: true }) ?? defaultAccordionConfig;\n}\n","import { booleanAttribute, Directive, HostBinding, Input, OnInit, signal } from '@angular/core';\n\nimport {\n    injectRovingFocusGroup,\n    RdxRovingFocusGroupDirective\n} from '@radix-ng/primitives/roving-focus';\n\nimport { injectAccordionConfig } from '../accordion.config';\nimport { RdxAccordionToken } from './accordion.token';\n\n/**\n * The root accordion directive that all parts should be placed within.\n */\n@Directive({\n    selector: '[rdxAccordion]',\n    standalone: true,\n    hostDirectives: [\n        {\n            directive: RdxRovingFocusGroupDirective,\n            inputs: ['rdxRovingFocusGroupOrientation:orientation']\n        }\n    ],\n    providers: [{ provide: RdxAccordionToken, useExisting: RdxAccordionDirective }],\n    host: {\n        '(focusout)': 'onTouched?.()'\n    }\n})\nexport class RdxAccordionDirective implements OnInit {\n    /**\n     * Access the global accordion configuration.\n     */\n    private readonly config = injectAccordionConfig();\n\n    /**\n     * Access the roving focus group\n     */\n    private readonly rovingFocusGroup = injectRovingFocusGroup();\n\n    /**\n     * Determines whether multiple items can be open simultaneously.\n     * @default false\n     */\n    @Input({ alias: 'rdxAccordionMultiple', transform: booleanAttribute }) multiple: boolean =\n        this.config.multiple;\n\n    /**\n     * The orientation of the accordion.\n     * @default 'vertical'\n     */\n    @HostBinding('attr.data-orientation')\n    @Input({ alias: 'rdxAccordionOrientation' })\n    orientation: 'horizontal' | 'vertical' = this.config.orientation;\n\n    /**\n     * Determines whether the accordion should be disabled.\n     * @default false\n     */\n    @Input({ alias: 'rdxAccordionDisabled', transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Store the currently expanded item(s).\n     * @internal\n     */\n    readonly expanded = signal<string[]>([]);\n\n    /**\n     * The touched callback.\n     */\n    protected onTouched?: () => void;\n\n    ngOnInit(): void {\n        this.rovingFocusGroup.setOrientation(this.orientation);\n    }\n    /**\n     * Expand an item.\n     * @param id The id of the item to expand.\n     */\n    expand(id: string): void {\n        this.expanded.set(this.multiple ? [...this.expanded(), id] : [id]);\n    }\n\n    /**\n     * Collapse an Item.\n     * @param id The id of the Item to collapse.\n     */\n    collapse(id: string): void {\n        this.expanded.set(this.expanded().filter((expandedId) => expandedId !== id));\n    }\n\n    /**\n     * Toggle an item.\n     * @param id The id of the item to toggle.\n     */\n    toggle(id: string): void {\n        if (this.expanded().includes(id)) {\n            this.collapse(id);\n        } else {\n            this.expand(id);\n        }\n    }\n\n    /**\n     * Collapse all items.\n     */\n    collapseAll(): void {\n        this.expanded.set([]);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.RdxAccordionStateDirective","i1"],"mappings":"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"}

package/fesm2022/radix-ng-primitives-checkbox.mjs

@@ -2,19 +2,19 @@ import * as i0 from '@angular/core';
 import { InjectionToken, inject, Directive, EventEmitter, booleanAttribute, Input, Output, HostListener } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
-const CheckboxToken = new InjectionToken('CheckboxToken');
+const RdxCheckboxToken = new InjectionToken('RdxCheckboxToken');
 function injectCheckbox() {
-    return inject(CheckboxToken);
+    return inject(RdxCheckboxToken);
 }
 
-class CheckboxIndicatorDirective {
+class RdxCheckboxIndicatorDirective {
     constructor() {
         this.checkbox = injectCheckbox();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CheckboxIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: CheckboxIndicatorDirective, isStandalone: true, selector: "[rdxCheckboxIndicator]", host: { properties: { "style.pointer-events": "\"none\"", "attr.data-state": "checkbox.state", "attr.data-disabled": "checkbox.disabled ? \"\" : null" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxCheckboxIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxCheckboxIndicatorDirective, isStandalone: true, selector: "[rdxCheckboxIndicator]", host: { properties: { "style.pointer-events": "\"none\"", "attr.data-state": "checkbox.state", "attr.data-disabled": "checkbox.disabled ? \"\" : null" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CheckboxIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxCheckboxIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxCheckboxIndicator]',
@@ -27,7 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }]
         }] });
 
-class CheckboxDirective {
+class RdxCheckboxDirective {
     constructor() {
         /**
          * Defines whether the checkbox is checked.
@@ -110,20 +110,20 @@ class CheckboxDirective {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: CheckboxDirective, isStandalone: true, selector: "button[rdxCheckbox]", inputs: { checked: ["checked", "checked", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { checkedChange: "checkedChange", indeterminateChange: "indeterminateChange" }, host: { attributes: { "type": "button", "role": "checkbox" }, listeners: { "keydown": "onKeydown($event)", "click": "onClick()", "blur": "onBlur()" }, properties: { "disabled": "disabled", "attr.aria-checked": "indeterminate ? \"mixed\" : checked", "attr.data-disabled": "disabled ? \"\" : null", "attr.data-state": "state" } }, providers: [
-            { provide: CheckboxToken, useExisting: CheckboxDirective },
-            { provide: NG_VALUE_ACCESSOR, useExisting: CheckboxDirective, multi: true }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxCheckboxDirective, isStandalone: true, selector: "button[rdxCheckbox]", inputs: { checked: ["checked", "checked", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { checkedChange: "checkedChange", indeterminateChange: "indeterminateChange" }, host: { attributes: { "type": "button", "role": "checkbox" }, listeners: { "keydown": "onKeydown($event)", "click": "onClick()", "blur": "onBlur()" }, properties: { "disabled": "disabled", "attr.aria-checked": "indeterminate ? \"mixed\" : checked", "attr.data-disabled": "disabled ? \"\" : null", "attr.data-state": "state" } }, providers: [
+            { provide: RdxCheckboxToken, useExisting: RdxCheckboxDirective },
+            { provide: NG_VALUE_ACCESSOR, useExisting: RdxCheckboxDirective, multi: true }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CheckboxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxCheckboxDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[rdxCheckbox]',
                     standalone: true,
                     providers: [
-                        { provide: CheckboxToken, useExisting: CheckboxDirective },
-                        { provide: NG_VALUE_ACCESSOR, useExisting: CheckboxDirective, multi: true }
+                        { provide: RdxCheckboxToken, useExisting: RdxCheckboxDirective },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: RdxCheckboxDirective, multi: true }
                     ],
                     host: {
                         type: 'button',
@@ -162,5 +162,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CheckboxDirective, CheckboxIndicatorDirective, CheckboxToken, injectCheckbox };
+export { RdxCheckboxDirective, RdxCheckboxIndicatorDirective, RdxCheckboxToken, injectCheckbox };
 //# sourceMappingURL=radix-ng-primitives-checkbox.mjs.map

package/fesm2022/radix-ng-primitives-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-checkbox.mjs","sources":["../../../packages/primitives/checkbox/src/checkbox.token.ts","../../../packages/primitives/checkbox/src/checkbox-indicator.directive.ts","../../../packages/primitives/checkbox/src/checkbox.directive.ts","../../../packages/primitives/checkbox/radix-ng-primitives-checkbox.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type { CheckboxDirective } from './checkbox.directive';\n\nexport const CheckboxToken = new InjectionToken<CheckboxDirective>('CheckboxToken');\n\nexport function injectCheckbox(): CheckboxDirective {\n    return inject(CheckboxToken);\n}\n","import { Directive } from '@angular/core';\n\nimport { injectCheckbox } from './checkbox.token';\n\n@Directive({\n    selector: '[rdxCheckboxIndicator]',\n    standalone: true,\n    host: {\n        '[style.pointer-events]': '\"none\"',\n        '[attr.data-state]': 'checkbox.state',\n        '[attr.data-disabled]': 'checkbox.disabled ? \"\" : null'\n    }\n})\nexport class CheckboxIndicatorDirective {\n    protected readonly checkbox = injectCheckbox();\n}\n","import {\n    booleanAttribute,\n    Directive,\n    EventEmitter,\n    HostListener,\n    Input,\n    Output\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { CheckboxToken } from './checkbox.token';\n\n@Directive({\n    selector: 'button[rdxCheckbox]',\n    standalone: true,\n    providers: [\n        { provide: CheckboxToken, useExisting: CheckboxDirective },\n        { provide: NG_VALUE_ACCESSOR, useExisting: CheckboxDirective, multi: true }\n    ],\n    host: {\n        type: 'button',\n        role: 'checkbox',\n        '[disabled]': 'disabled',\n        '[attr.aria-checked]': 'indeterminate ? \"mixed\" : checked',\n        '[attr.data-disabled]': 'disabled ? \"\" : null',\n        '[attr.data-state]': 'state'\n    }\n})\nexport class CheckboxDirective implements ControlValueAccessor {\n    /**\n     * Defines whether the checkbox is checked.\n     */\n    @Input({ transform: booleanAttribute }) checked = false;\n\n    /**\n     * Defines whether the checkbox is indeterminate.\n     */\n    @Input({ transform: booleanAttribute })\n    indeterminate = false;\n\n    /**\n     * Defines whether the checkbox is disabled.\n     */\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Event emitted when the checkbox checked state changes.\n     */\n    @Output() readonly checkedChange = new EventEmitter<boolean>();\n\n    /**\n     * Event emitted when the indeterminate state changes.\n     */\n    @Output() readonly indeterminateChange = new EventEmitter<boolean>();\n\n    /**\n     * Determine the state\n     */\n    get state(): 'checked' | 'unchecked' | 'indeterminate' {\n        if (this.indeterminate) {\n            return 'indeterminate';\n        }\n        return this.checked ? 'checked' : 'unchecked';\n    }\n\n    /**\n     * Store the callback function that should be called when the checkbox checked state changes.\n     * @internal\n     */\n    private onChange?: (checked: boolean) => void;\n\n    /**\n     * Store the callback function that should be called when the checkbox is blurred.\n     * @internal\n     */\n    private onTouched?: () => void;\n\n    @HostListener('keydown', ['$event'])\n    onKeydown(event: KeyboardEvent): void {\n        // According to WAI ARIA, Checkboxes don't activate on enter keypress\n        if (event.key === 'Enter') {\n            event.preventDefault();\n        }\n    }\n\n    @HostListener('click')\n    onClick(): void {\n        this.checked = this.indeterminate ? true : !this.checked;\n        this.checkedChange.emit(this.checked);\n        this.onChange?.(this.checked);\n\n        // if the checkbox was indeterminate, it isn't anymore\n        if (this.indeterminate) {\n            this.indeterminate = false;\n            this.indeterminateChange.emit(this.indeterminate);\n        }\n    }\n\n    @HostListener('blur')\n    onBlur(): void {\n        this.onTouched?.();\n    }\n\n    /**\n     * Sets the checked state of the checkbox.\n     * @param checked The checked state of the checkbox.\n     * @internal\n     */\n    writeValue(checked: boolean): void {\n        this.checked = checked;\n    }\n\n    /**\n     * Registers a callback function that should be called when the checkbox checked state changes.\n     * @param fn The callback function.\n     * @internal\n     */\n    registerOnChange(fn: (checked: boolean) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Registers a callback function that should be called when the checkbox is blurred.\n     * @param fn The callback function.\n     * @internal\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Sets the disabled state of the checkbox.\n     * @param isDisabled The disabled state of the checkbox.\n     * @internal\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-checkbox.mjs","sources":["../../../packages/primitives/checkbox/src/checkbox.token.ts","../../../packages/primitives/checkbox/src/checkbox-indicator.directive.ts","../../../packages/primitives/checkbox/src/checkbox.directive.ts","../../../packages/primitives/checkbox/radix-ng-primitives-checkbox.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type { RdxCheckboxDirective } from './checkbox.directive';\n\nexport const RdxCheckboxToken = new InjectionToken<RdxCheckboxDirective>('RdxCheckboxToken');\n\nexport function injectCheckbox(): RdxCheckboxDirective {\n    return inject(RdxCheckboxToken);\n}\n","import { Directive } from '@angular/core';\n\nimport { injectCheckbox } from './checkbox.token';\n\n@Directive({\n    selector: '[rdxCheckboxIndicator]',\n    standalone: true,\n    host: {\n        '[style.pointer-events]': '\"none\"',\n        '[attr.data-state]': 'checkbox.state',\n        '[attr.data-disabled]': 'checkbox.disabled ? \"\" : null'\n    }\n})\nexport class RdxCheckboxIndicatorDirective {\n    protected readonly checkbox = injectCheckbox();\n}\n","import {\n    booleanAttribute,\n    Directive,\n    EventEmitter,\n    HostListener,\n    Input,\n    Output\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { RdxCheckboxToken } from './checkbox.token';\n\n@Directive({\n    selector: 'button[rdxCheckbox]',\n    standalone: true,\n    providers: [\n        { provide: RdxCheckboxToken, useExisting: RdxCheckboxDirective },\n        { provide: NG_VALUE_ACCESSOR, useExisting: RdxCheckboxDirective, multi: true }\n    ],\n    host: {\n        type: 'button',\n        role: 'checkbox',\n        '[disabled]': 'disabled',\n        '[attr.aria-checked]': 'indeterminate ? \"mixed\" : checked',\n        '[attr.data-disabled]': 'disabled ? \"\" : null',\n        '[attr.data-state]': 'state'\n    }\n})\nexport class RdxCheckboxDirective implements ControlValueAccessor {\n    /**\n     * Defines whether the checkbox is checked.\n     */\n    @Input({ transform: booleanAttribute }) checked = false;\n\n    /**\n     * Defines whether the checkbox is indeterminate.\n     */\n    @Input({ transform: booleanAttribute })\n    indeterminate = false;\n\n    /**\n     * Defines whether the checkbox is disabled.\n     */\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Event emitted when the checkbox checked state changes.\n     */\n    @Output() readonly checkedChange = new EventEmitter<boolean>();\n\n    /**\n     * Event emitted when the indeterminate state changes.\n     */\n    @Output() readonly indeterminateChange = new EventEmitter<boolean>();\n\n    /**\n     * Determine the state\n     */\n    get state(): 'checked' | 'unchecked' | 'indeterminate' {\n        if (this.indeterminate) {\n            return 'indeterminate';\n        }\n        return this.checked ? 'checked' : 'unchecked';\n    }\n\n    /**\n     * Store the callback function that should be called when the checkbox checked state changes.\n     * @internal\n     */\n    private onChange?: (checked: boolean) => void;\n\n    /**\n     * Store the callback function that should be called when the checkbox is blurred.\n     * @internal\n     */\n    private onTouched?: () => void;\n\n    @HostListener('keydown', ['$event'])\n    onKeydown(event: KeyboardEvent): void {\n        // According to WAI ARIA, Checkboxes don't activate on enter keypress\n        if (event.key === 'Enter') {\n            event.preventDefault();\n        }\n    }\n\n    @HostListener('click')\n    onClick(): void {\n        this.checked = this.indeterminate ? true : !this.checked;\n        this.checkedChange.emit(this.checked);\n        this.onChange?.(this.checked);\n\n        // if the checkbox was indeterminate, it isn't anymore\n        if (this.indeterminate) {\n            this.indeterminate = false;\n            this.indeterminateChange.emit(this.indeterminate);\n        }\n    }\n\n    @HostListener('blur')\n    onBlur(): void {\n        this.onTouched?.();\n    }\n\n    /**\n     * Sets the checked state of the checkbox.\n     * @param checked The checked state of the checkbox.\n     * @internal\n     */\n    writeValue(checked: boolean): void {\n        this.checked = checked;\n    }\n\n    /**\n     * Registers a callback function that should be called when the checkbox checked state changes.\n     * @param fn The callback function.\n     * @internal\n     */\n    registerOnChange(fn: (checked: boolean) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Registers a callback function that should be called when the checkbox is blurred.\n     * @param fn The callback function.\n     * @internal\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Sets the disabled state of the checkbox.\n     * @param isDisabled The disabled state of the checkbox.\n     * @internal\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/radix-ng-primitives-label.mjs

@@ -1,9 +1,20 @@
 import * as i0 from '@angular/core';
-import { Directive, Optional, Input, HostListener } from '@angular/core';
+import { signal, Directive, Optional, Input, HostListener } from '@angular/core';
 
-class LabelDirective {
+// Increasing integer for generating unique ids.
+let nextUniqueId = 0;
+class RdxLabelDirective {
+    /** The HTML id of the Label. */
+    set id(id) {
+        this._id.set(id || this._id());
+    }
+    get id() {
+        return this._id();
+    }
     constructor(el) {
         this.el = el;
+        /** The HTML id attribute applied to this element. */
+        this._id = signal(`rdx-label-${nextUniqueId++}`);
         /**
          * The id of the element the label is associated with.
          * @default '-'
@@ -24,15 +35,16 @@ class LabelDirective {
             event.preventDefault();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: LabelDirective, isStandalone: true, selector: "label[rdxLabel]", inputs: { htmlFor: "htmlFor" }, host: { listeners: { "mousedown": "onMouseDown($event)" }, properties: { "attr.for": "htmlFor ? htmlFor : null" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxLabelDirective, deps: [{ token: i0.ElementRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxLabelDirective, isStandalone: true, selector: "label[rdxLabel]", inputs: { htmlFor: "htmlFor", id: "id" }, host: { listeners: { "mousedown": "onMouseDown($event)" }, properties: { "id": "_id()", "attr.for": "htmlFor ? htmlFor : null" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: LabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'label[rdxLabel]',
                     standalone: true,
                     host: {
+                        '[id]': '_id()',
                         '[attr.for]': 'htmlFor ? htmlFor : null'
                     }
                 }]
@@ -40,6 +52,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                     type: Optional
                 }] }], propDecorators: { htmlFor: [{
                 type: Input
+            }], id: [{
+                type: Input
             }], onMouseDown: [{
                 type: HostListener,
                 args: ['mousedown', ['$event']]
@@ -49,5 +63,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { LabelDirective };
+export { RdxLabelDirective };
 //# sourceMappingURL=radix-ng-primitives-label.mjs.map