@radix-ng/primitives 0.51.0 → 1.0.0-beta.0

package/fesm2022/radix-ng-primitives-alert-dialog.mjs

@@ -1,181 +1,273 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, Directive, Renderer2, ElementRef, Input, ViewContainerRef, NgModule } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
-import * as i1 from '@angular/cdk/a11y';
-import { CdkTrapFocus } from '@angular/cdk/a11y';
+import { Directive, inject, NgModule } from '@angular/core';
+import * as i1 from '@radix-ng/primitives/dialog';
+import { RdxDialogBackdrop, RdxDialogClose, RdxDialogDescription, RdxDialogPopup, RdxDialogPortal, RdxDialogPortalPresence, RdxDialogRoot, provideRdxDialogVariant, RdxDialogTitle, RdxDialogTrigger, RdxDialogViewport, RdxDialogHandle, createRdxDialogHandle } from '@radix-ng/primitives/dialog';
 
-class RdxAlertDialogService {
-    constructor() {
-        this.overlay = inject(Overlay);
-    }
-    setDialogContent(viewContainerRef, template) {
-        this.dialogContent = { viewContainerRef, template };
-    }
-    open() {
-        if (!this.dialogContent) {
-            throw new Error('Dialog content is not set');
-        }
-        this.overlayRef = this.overlay.create({
-            hasBackdrop: true,
-            backdropClass: 'cdk-overlay-dark-backdrop',
-            positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically()
-        });
-        const templatePortal = new TemplatePortal(this.dialogContent.template, this.dialogContent.viewContainerRef);
-        this.overlayRef.attach(templatePortal);
-        this.overlayRef.keydownEvents().subscribe((event) => {
-            if (event.key === 'Escape' || event.code === 'Escape') {
-                this.close();
-            }
-        });
-        this.overlayRef.backdropClick().subscribe(() => this.close());
-    }
-    close() {
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-            this.overlayRef = null;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogService, providedIn: 'root' }); }
+/**
+ * An overlay displayed beneath the alert dialog popup.
+ */
+class RdxAlertDialogBackdrop {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogBackdrop, isStandalone: true, selector: "[rdxAlertDialogBackdrop]", exportAs: ["rdxAlertDialogBackdrop"], hostDirectives: [{ directive: i1.RdxDialogBackdrop }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogService, decorators: [{
-            type: Injectable,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogBackdrop, decorators: [{
+            type: Directive,
             args: [{
-                    providedIn: 'root'
+                    selector: '[rdxAlertDialogBackdrop]',
+                    exportAs: 'rdxAlertDialogBackdrop',
+                    hostDirectives: [RdxDialogBackdrop]
                 }]
         }] });
 
-class RdxAlertDialogCancelDirective {
-    constructor() {
-        this.alertDialogService = inject(RdxAlertDialogService);
-    }
-    onClick() {
-        this.alertDialogService.close();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogCancelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogCancelDirective, isStandalone: true, selector: "[rdxAlertDialogCancel]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+/**
+ * A button that closes the alert dialog.
+ */
+class RdxAlertDialogClose {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogClose, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogClose, isStandalone: true, selector: "button[rdxAlertDialogClose]", exportAs: ["rdxAlertDialogClose"], hostDirectives: [{ directive: i1.RdxDialogClose }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogCancelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogClose, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[rdxAlertDialogCancel]',
-                    standalone: true,
-                    host: {
-                        '(click)': 'onClick()'
-                    }
+                    selector: 'button[rdxAlertDialogClose]',
+                    exportAs: 'rdxAlertDialogClose',
+                    hostDirectives: [RdxDialogClose]
                 }]
         }] });
 
-class RdxAlertDialogContentDirective {
-    constructor() {
-        this.renderer = inject(Renderer2);
-        this.elementRef = inject(ElementRef);
-    }
-    set maxWidth(value) {
-        this.renderer.setStyle(this.elementRef.nativeElement, 'maxWidth', value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogContentDirective, isStandalone: true, selector: "[rdxAlertDialogContent]", inputs: { maxWidth: "maxWidth" }, host: { properties: { "attr.data-state": "\"open\"", "attr.cdkTrapFocusAutoCapture": "true" } }, hostDirectives: [{ directive: i1.CdkTrapFocus }], ngImport: i0 }); }
+/**
+ * An accessible description for the alert dialog.
+ */
+class RdxAlertDialogDescription {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogDescription, isStandalone: true, selector: "[rdxAlertDialogDescription]", exportAs: ["rdxAlertDialogDescription"], hostDirectives: [{ directive: i1.RdxDialogDescription }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogDescription, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[rdxAlertDialogContent]',
-                    standalone: true,
+                    selector: '[rdxAlertDialogDescription]',
+                    exportAs: 'rdxAlertDialogDescription',
+                    hostDirectives: [RdxDialogDescription]
+                }]
+        }] });
+
+/**
+ * A container for the alert dialog contents. Wraps the dialog popup, which reads alert semantics
+ * (role, modal, dismissal) from the alert root's variant.
+ */
+class RdxAlertDialogPopup {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogPopup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogPopup, isStandalone: true, selector: "[rdxAlertDialogPopup]", exportAs: ["rdxAlertDialogPopup"], hostDirectives: [{ directive: i1.RdxDialogPopup, outputs: ["escapeKeyDown", "escapeKeyDown", "pointerDownOutside", "pointerDownOutside", "focusOutside", "focusOutside", "interactOutside", "interactOutside", "openAutoFocus", "openAutoFocus", "closeAutoFocus", "closeAutoFocus"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogPopup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAlertDialogPopup]',
+                    exportAs: 'rdxAlertDialogPopup',
                     hostDirectives: [
                         {
-                            directive: CdkTrapFocus
+                            directive: RdxDialogPopup,
+                            outputs: [
+                                'escapeKeyDown',
+                                'pointerDownOutside',
+                                'focusOutside',
+                                'interactOutside',
+                                'openAutoFocus',
+                                'closeAutoFocus'
+                            ]
                         }
-                    ],
-                    host: {
-                        '[attr.data-state]': '"open"',
-                        '[attr.cdkTrapFocusAutoCapture]': 'true'
-                    }
+                    ]
                 }]
-        }], propDecorators: { maxWidth: [{
-                type: Input
-            }] } });
+        }] });
+
+/**
+ * Moves the alert dialog to a different part of the DOM. Defaults to `document.body`.
+ */
+class RdxAlertDialogPortal {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogPortal, isStandalone: true, selector: "[rdxAlertDialogPortal]", exportAs: ["rdxAlertDialogPortal"], hostDirectives: [{ directive: i1.RdxDialogPortal, inputs: ["container", "container"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogPortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAlertDialogPortal]',
+                    exportAs: 'rdxAlertDialogPortal',
+                    hostDirectives: [
+                        {
+                            directive: RdxDialogPortal,
+                            inputs: ['container']
+                        }
+                    ]
+                }]
+        }] });
 
-class RdxAlertDialogRootDirective {
+/**
+ * Mounts the portal while the alert dialog is open and waits for CSS exit keyframes before unmounting.
+ */
+class RdxAlertDialogPortalPresence {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogPortalPresence, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogPortalPresence, isStandalone: true, selector: "ng-template[rdxAlertDialogPortalPresence]", hostDirectives: [{ directive: i1.RdxDialogPortalPresence }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogPortalPresence, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[rdxAlertDialogPortalPresence]',
+                    hostDirectives: [RdxDialogPortalPresence]
+                }]
+        }] });
+
+/**
+ * Groups all parts of the alert dialog.
+ *
+ * Composes the Dialog primitive and forces alert-dialog semantics: it is always modal, never
+ * dismisses on outside pointer / focus-out interactions (Escape still closes), and renders its
+ * popup with `role="alertdialog"`. Assemble it from the `rdxAlertDialog*` parts (Popup, Backdrop,
+ * Title, Description, Close, Portal, Viewport), which are thin wrappers around the dialog parts.
+ */
+class RdxAlertDialogRoot {
     constructor() {
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.alertDialogService = inject(RdxAlertDialogService);
+        this.dialog = inject(RdxDialogRoot);
+        /** Whether the alert dialog is open (read-only mirror of the composed dialog state). */
+        this.open = this.dialog.open;
+        /** The active trigger's id. */
+        this.triggerId = this.dialog.triggerId;
+        /** Payload of the active trigger. */
+        this.payload = this.dialog.payload;
     }
-    set content(template) {
-        this.alertDialogService.setDialogContent(this.viewContainerRef, template);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogRootDirective, isStandalone: true, selector: "[rdxAlertDialogRoot]", inputs: { content: "content" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogRoot, isStandalone: true, selector: "[rdxAlertDialogRoot]", providers: [
+            provideRdxDialogVariant({
+                role: 'alertdialog',
+                forceModal: true,
+                forcePointerDismissalDisabled: true
+            })
+        ], exportAs: ["rdxAlertDialogRoot"], hostDirectives: [{ directive: i1.RdxDialogRoot, inputs: ["open", "open", "defaultOpen", "defaultOpen", "triggerId", "triggerId", "defaultTriggerId", "defaultTriggerId", "handle", "handle"], outputs: ["openChange", "openChange", "triggerIdChange", "triggerIdChange", "onOpenChange", "onOpenChange", "onOpenChangeComplete", "onOpenChangeComplete"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogRoot, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxAlertDialogRoot]',
-                    standalone: true
+                    exportAs: 'rdxAlertDialogRoot',
+                    hostDirectives: [
+                        {
+                            directive: RdxDialogRoot,
+                            inputs: ['open', 'defaultOpen', 'triggerId', 'defaultTriggerId', 'handle'],
+                            outputs: ['openChange', 'triggerIdChange', 'onOpenChange', 'onOpenChangeComplete']
+                        }
+                    ],
+                    providers: [
+                        provideRdxDialogVariant({
+                            role: 'alertdialog',
+                            forceModal: true,
+                            forcePointerDismissalDisabled: true
+                        })
+                    ]
                 }]
-        }], propDecorators: { content: [{
-                type: Input
-            }] } });
+        }] });
 
-class RdxAlertDialogTitleDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogTitleDirective, isStandalone: true, selector: "[rdxAlertDialogTitle]", ngImport: i0 }); }
+/**
+ * An accessible title for the alert dialog.
+ */
+class RdxAlertDialogTitle {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogTitle, isStandalone: true, selector: "[rdxAlertDialogTitle]", exportAs: ["rdxAlertDialogTitle"], hostDirectives: [{ directive: i1.RdxDialogTitle }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxAlertDialogTitle]',
-                    standalone: true
+                    exportAs: 'rdxAlertDialogTitle',
+                    hostDirectives: [RdxDialogTitle]
                 }]
         }] });
 
-class RdxAlertDialogTriggerDirective {
-    constructor() {
-        this.alertDialogService = inject(RdxAlertDialogService);
-    }
-    handleClick() {
-        this.alertDialogService.open();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogTriggerDirective, isStandalone: true, selector: "[rdxAlertDialogTrigger]", host: { listeners: { "click": "handleClick()" } }, ngImport: i0 }); }
+/**
+ * A button that opens the alert dialog. Behaves exactly like the dialog trigger.
+ */
+class RdxAlertDialogTrigger {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogTrigger, isStandalone: true, selector: "button[rdxAlertDialogTrigger]", exportAs: ["rdxAlertDialogTrigger"], hostDirectives: [{ directive: i1.RdxDialogTrigger, inputs: ["handle", "handle", "payload", "payload", "id", "id", "disabled", "disabled"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogTrigger, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[rdxAlertDialogTrigger]',
-                    standalone: true,
-                    host: {
-                        '(click)': 'handleClick()'
-                    }
+                    selector: 'button[rdxAlertDialogTrigger]',
+                    exportAs: 'rdxAlertDialogTrigger',
+                    hostDirectives: [
+                        {
+                            directive: RdxDialogTrigger,
+                            inputs: ['handle', 'payload', 'id', 'disabled']
+                        }
+                    ]
                 }]
         }] });
 
-const _imports = [
-    RdxAlertDialogRootDirective,
-    RdxAlertDialogContentDirective,
-    RdxAlertDialogCancelDirective,
-    RdxAlertDialogTriggerDirective,
-    RdxAlertDialogTitleDirective
+/**
+ * A scrollable positioning container for the alert dialog popup.
+ */
+class RdxAlertDialogViewport {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogViewport, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAlertDialogViewport, isStandalone: true, selector: "[rdxAlertDialogViewport]", exportAs: ["rdxAlertDialogViewport"], hostDirectives: [{ directive: i1.RdxDialogViewport }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogViewport, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAlertDialogViewport]',
+                    exportAs: 'rdxAlertDialogViewport',
+                    hostDirectives: [RdxDialogViewport]
+                }]
+        }] });
+
+/**
+ * Connects an alert dialog root with trigger elements rendered elsewhere in the DOM.
+ *
+ * Alert dialogs reuse the dialog handle implementation unchanged.
+ */
+const RdxAlertDialogHandle = RdxDialogHandle;
+function createRdxAlertDialogHandle() {
+    return createRdxDialogHandle();
+}
+
+const alertDialogImports = [
+    RdxAlertDialogRoot,
+    RdxAlertDialogTrigger,
+    RdxAlertDialogPortalPresence,
+    RdxAlertDialogPortal,
+    RdxAlertDialogBackdrop,
+    RdxAlertDialogViewport,
+    RdxAlertDialogPopup,
+    RdxAlertDialogTitle,
+    RdxAlertDialogDescription,
+    RdxAlertDialogClose
 ];
 class RdxAlertDialogModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogModule, imports: [RdxAlertDialogRootDirective,
-            RdxAlertDialogContentDirective,
-            RdxAlertDialogCancelDirective,
-            RdxAlertDialogTriggerDirective,
-            RdxAlertDialogTitleDirective], exports: [RdxAlertDialogRootDirective,
-            RdxAlertDialogContentDirective,
-            RdxAlertDialogCancelDirective,
-            RdxAlertDialogTriggerDirective,
-            RdxAlertDialogTitleDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogModule, imports: [RdxAlertDialogRoot,
+            RdxAlertDialogTrigger,
+            RdxAlertDialogPortalPresence,
+            RdxAlertDialogPortal,
+            RdxAlertDialogBackdrop,
+            RdxAlertDialogViewport,
+            RdxAlertDialogPopup,
+            RdxAlertDialogTitle,
+            RdxAlertDialogDescription,
+            RdxAlertDialogClose], exports: [RdxAlertDialogRoot,
+            RdxAlertDialogTrigger,
+            RdxAlertDialogPortalPresence,
+            RdxAlertDialogPortal,
+            RdxAlertDialogBackdrop,
+            RdxAlertDialogViewport,
+            RdxAlertDialogPopup,
+            RdxAlertDialogTitle,
+            RdxAlertDialogDescription,
+            RdxAlertDialogClose] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAlertDialogModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [..._imports],
-                    exports: [..._imports]
+                    imports: [...alertDialogImports],
+                    exports: [...alertDialogImports]
                 }]
         }] });
 
@@ -183,5 +275,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { RdxAlertDialogCancelDirective, RdxAlertDialogContentDirective, RdxAlertDialogModule, RdxAlertDialogRootDirective, RdxAlertDialogService, RdxAlertDialogTitleDirective, RdxAlertDialogTriggerDirective };
+export { RdxAlertDialogBackdrop, RdxAlertDialogClose, RdxAlertDialogDescription, RdxAlertDialogHandle, RdxAlertDialogModule, RdxAlertDialogPopup, RdxAlertDialogPortal, RdxAlertDialogPortalPresence, RdxAlertDialogRoot, RdxAlertDialogTitle, RdxAlertDialogTrigger, RdxAlertDialogViewport, alertDialogImports, createRdxAlertDialogHandle };
 //# sourceMappingURL=radix-ng-primitives-alert-dialog.mjs.map

package/fesm2022/radix-ng-primitives-alert-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-alert-dialog.mjs","sources":["../../../packages/primitives/alert-dialog/src/alert-dialog.service.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-cancel.directive.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-content.directive.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-root.directive.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-title.directive.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-trigger.directive.ts","../../../packages/primitives/alert-dialog/index.ts","../../../packages/primitives/alert-dialog/radix-ng-primitives-alert-dialog.ts"],"sourcesContent":["import { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { inject, Injectable, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class RdxAlertDialogService {\n    private overlayRef: OverlayRef | null | undefined;\n    private readonly overlay = inject(Overlay);\n\n    private dialogContent:\n        | {\n              viewContainerRef: ViewContainerRef;\n              template: TemplateRef<any>;\n          }\n        | undefined;\n\n    setDialogContent(viewContainerRef: ViewContainerRef, template: TemplateRef<any>) {\n        this.dialogContent = { viewContainerRef, template };\n    }\n\n    open() {\n        if (!this.dialogContent) {\n            throw new Error('Dialog content is not set');\n        }\n\n        this.overlayRef = this.overlay.create({\n            hasBackdrop: true,\n            backdropClass: 'cdk-overlay-dark-backdrop',\n            positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically()\n        });\n\n        const templatePortal = new TemplatePortal(this.dialogContent.template, this.dialogContent.viewContainerRef);\n        this.overlayRef.attach(templatePortal);\n\n        this.overlayRef.keydownEvents().subscribe((event) => {\n            if (event.key === 'Escape' || event.code === 'Escape') {\n                this.close();\n            }\n        });\n        this.overlayRef.backdropClick().subscribe(() => this.close());\n    }\n\n    close() {\n        if (this.overlayRef) {\n            this.overlayRef.dispose();\n            this.overlayRef = null;\n        }\n    }\n}\n","import { Directive, inject } from '@angular/core';\nimport { RdxAlertDialogService } from './alert-dialog.service';\n\n@Directive({\n    selector: '[rdxAlertDialogCancel]',\n    standalone: true,\n    host: {\n        '(click)': 'onClick()'\n    }\n})\nexport class RdxAlertDialogCancelDirective {\n    private readonly alertDialogService = inject(RdxAlertDialogService);\n\n    onClick() {\n        this.alertDialogService.close();\n    }\n}\n","import { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { Directive, ElementRef, inject, Input, Renderer2 } from '@angular/core';\n\n@Directive({\n    selector: '[rdxAlertDialogContent]',\n    standalone: true,\n    hostDirectives: [\n        {\n            directive: CdkTrapFocus\n        }\n    ],\n    host: {\n        '[attr.data-state]': '\"open\"',\n        '[attr.cdkTrapFocusAutoCapture]': 'true'\n    }\n})\nexport class RdxAlertDialogContentDirective {\n    private readonly renderer = inject(Renderer2);\n    private readonly elementRef = inject(ElementRef);\n\n    @Input() set maxWidth(value: string) {\n        this.renderer.setStyle(this.elementRef.nativeElement, 'maxWidth', value);\n    }\n}\n","import { Directive, inject, Input, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { RdxAlertDialogService } from './alert-dialog.service';\n\n@Directive({\n    selector: '[rdxAlertDialogRoot]',\n    standalone: true\n})\nexport class RdxAlertDialogRootDirective {\n    private readonly viewContainerRef = inject(ViewContainerRef);\n    private readonly alertDialogService = inject(RdxAlertDialogService);\n\n    @Input() set content(template: TemplateRef<any>) {\n        this.alertDialogService.setDialogContent(this.viewContainerRef, template);\n    }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n    selector: '[rdxAlertDialogTitle]',\n    standalone: true\n})\nexport class RdxAlertDialogTitleDirective {}\n","import { Directive, inject } from '@angular/core';\nimport { RdxAlertDialogService } from './alert-dialog.service';\n\n@Directive({\n    selector: '[rdxAlertDialogTrigger]',\n    standalone: true,\n    host: {\n        '(click)': 'handleClick()'\n    }\n})\nexport class RdxAlertDialogTriggerDirective {\n    private readonly alertDialogService = inject(RdxAlertDialogService);\n\n    handleClick() {\n        this.alertDialogService.open();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxAlertDialogCancelDirective } from './src/alert-dialog-cancel.directive';\nimport { RdxAlertDialogContentDirective } from './src/alert-dialog-content.directive';\nimport { RdxAlertDialogRootDirective } from './src/alert-dialog-root.directive';\nimport { RdxAlertDialogTitleDirective } from './src/alert-dialog-title.directive';\nimport { RdxAlertDialogTriggerDirective } from './src/alert-dialog-trigger.directive';\n\nexport * from './src/alert-dialog-cancel.directive';\nexport * from './src/alert-dialog-content.directive';\nexport * from './src/alert-dialog-root.directive';\nexport * from './src/alert-dialog-title.directive';\nexport * from './src/alert-dialog-trigger.directive';\n\nexport * from './src/alert-dialog.service';\n\nconst _imports = [\n    RdxAlertDialogRootDirective,\n    RdxAlertDialogContentDirective,\n    RdxAlertDialogCancelDirective,\n    RdxAlertDialogTriggerDirective,\n    RdxAlertDialogTitleDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxAlertDialogModule {}\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-alert-dialog.mjs","sources":["../../../packages/primitives/alert-dialog/src/alert-dialog-backdrop.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-close.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-description.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-popup.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-portal.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-portal-presence.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-root.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-title.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-trigger.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-viewport.ts","../../../packages/primitives/alert-dialog/src/alert-dialog-handle.ts","../../../packages/primitives/alert-dialog/index.ts","../../../packages/primitives/alert-dialog/radix-ng-primitives-alert-dialog.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxDialogBackdrop } from '@radix-ng/primitives/dialog';\n\n/**\n * An overlay displayed beneath the alert dialog popup.\n */\n@Directive({\n    selector: '[rdxAlertDialogBackdrop]',\n    exportAs: 'rdxAlertDialogBackdrop',\n    hostDirectives: [RdxDialogBackdrop]\n})\nexport class RdxAlertDialogBackdrop {}\n","import { Directive } from '@angular/core';\nimport { RdxDialogClose } from '@radix-ng/primitives/dialog';\n\n/**\n * A button that closes the alert dialog.\n */\n@Directive({\n    selector: 'button[rdxAlertDialogClose]',\n    exportAs: 'rdxAlertDialogClose',\n    hostDirectives: [RdxDialogClose]\n})\nexport class RdxAlertDialogClose {}\n","import { Directive } from '@angular/core';\nimport { RdxDialogDescription } from '@radix-ng/primitives/dialog';\n\n/**\n * An accessible description for the alert dialog.\n */\n@Directive({\n    selector: '[rdxAlertDialogDescription]',\n    exportAs: 'rdxAlertDialogDescription',\n    hostDirectives: [RdxDialogDescription]\n})\nexport class RdxAlertDialogDescription {}\n","import { Directive } from '@angular/core';\nimport { RdxDialogPopup } from '@radix-ng/primitives/dialog';\n\n/**\n * A container for the alert dialog contents. Wraps the dialog popup, which reads alert semantics\n * (role, modal, dismissal) from the alert root's variant.\n */\n@Directive({\n    selector: '[rdxAlertDialogPopup]',\n    exportAs: 'rdxAlertDialogPopup',\n    hostDirectives: [\n        {\n            directive: RdxDialogPopup,\n            outputs: [\n                'escapeKeyDown',\n                'pointerDownOutside',\n                'focusOutside',\n                'interactOutside',\n                'openAutoFocus',\n                'closeAutoFocus'\n            ]\n        }\n    ]\n})\nexport class RdxAlertDialogPopup {}\n","import { Directive } from '@angular/core';\nimport { RdxDialogPortal } from '@radix-ng/primitives/dialog';\n\n/**\n * Moves the alert dialog to a different part of the DOM. Defaults to `document.body`.\n */\n@Directive({\n    selector: '[rdxAlertDialogPortal]',\n    exportAs: 'rdxAlertDialogPortal',\n    hostDirectives: [\n        {\n            directive: RdxDialogPortal,\n            inputs: ['container']\n        }\n    ]\n})\nexport class RdxAlertDialogPortal {}\n","import { Directive } from '@angular/core';\nimport { RdxDialogPortalPresence } from '@radix-ng/primitives/dialog';\n\n/**\n * Mounts the portal while the alert dialog is open and waits for CSS exit keyframes before unmounting.\n */\n@Directive({\n    selector: 'ng-template[rdxAlertDialogPortalPresence]',\n    hostDirectives: [RdxDialogPortalPresence]\n})\nexport class RdxAlertDialogPortalPresence {}\n","import { Directive, inject } from '@angular/core';\nimport { provideRdxDialogVariant, RdxDialogRoot } from '@radix-ng/primitives/dialog';\n\n/**\n * Groups all parts of the alert dialog.\n *\n * Composes the Dialog primitive and forces alert-dialog semantics: it is always modal, never\n * dismisses on outside pointer / focus-out interactions (Escape still closes), and renders its\n * popup with `role=\"alertdialog\"`. Assemble it from the `rdxAlertDialog*` parts (Popup, Backdrop,\n * Title, Description, Close, Portal, Viewport), which are thin wrappers around the dialog parts.\n */\n@Directive({\n    selector: '[rdxAlertDialogRoot]',\n    exportAs: 'rdxAlertDialogRoot',\n    hostDirectives: [\n        {\n            directive: RdxDialogRoot,\n            inputs: ['open', 'defaultOpen', 'triggerId', 'defaultTriggerId', 'handle'],\n            outputs: ['openChange', 'triggerIdChange', 'onOpenChange', 'onOpenChangeComplete']\n        }\n    ],\n    providers: [\n        provideRdxDialogVariant({\n            role: 'alertdialog',\n            forceModal: true,\n            forcePointerDismissalDisabled: true\n        })\n    ]\n})\nexport class RdxAlertDialogRoot {\n    private readonly dialog = inject(RdxDialogRoot);\n\n    /** Whether the alert dialog is open (read-only mirror of the composed dialog state). */\n    readonly open = this.dialog.open;\n    /** The active trigger's id. */\n    readonly triggerId = this.dialog.triggerId;\n    /** Payload of the active trigger. */\n    readonly payload = this.dialog.payload;\n}\n","import { Directive } from '@angular/core';\nimport { RdxDialogTitle } from '@radix-ng/primitives/dialog';\n\n/**\n * An accessible title for the alert dialog.\n */\n@Directive({\n    selector: '[rdxAlertDialogTitle]',\n    exportAs: 'rdxAlertDialogTitle',\n    hostDirectives: [RdxDialogTitle]\n})\nexport class RdxAlertDialogTitle {}\n","import { Directive } from '@angular/core';\nimport { RdxDialogTrigger } from '@radix-ng/primitives/dialog';\n\n/**\n * A button that opens the alert dialog. Behaves exactly like the dialog trigger.\n */\n@Directive({\n    selector: 'button[rdxAlertDialogTrigger]',\n    exportAs: 'rdxAlertDialogTrigger',\n    hostDirectives: [\n        {\n            directive: RdxDialogTrigger,\n            inputs: ['handle', 'payload', 'id', 'disabled']\n        }\n    ]\n})\nexport class RdxAlertDialogTrigger {}\n","import { Directive } from '@angular/core';\nimport { RdxDialogViewport } from '@radix-ng/primitives/dialog';\n\n/**\n * A scrollable positioning container for the alert dialog popup.\n */\n@Directive({\n    selector: '[rdxAlertDialogViewport]',\n    exportAs: 'rdxAlertDialogViewport',\n    hostDirectives: [RdxDialogViewport]\n})\nexport class RdxAlertDialogViewport {}\n","import { createRdxDialogHandle, RdxDialogHandle } from '@radix-ng/primitives/dialog';\n\n/**\n * Connects an alert dialog root with trigger elements rendered elsewhere in the DOM.\n *\n * Alert dialogs reuse the dialog handle implementation unchanged.\n */\nexport const RdxAlertDialogHandle = RdxDialogHandle;\nexport type RdxAlertDialogHandle<Payload = unknown> = RdxDialogHandle<Payload>;\n\nexport function createRdxAlertDialogHandle<Payload = unknown>(): RdxAlertDialogHandle<Payload> {\n    return createRdxDialogHandle<Payload>();\n}\n","import { NgModule } from '@angular/core';\nimport { RdxAlertDialogBackdrop } from './src/alert-dialog-backdrop';\nimport { RdxAlertDialogClose } from './src/alert-dialog-close';\nimport { RdxAlertDialogDescription } from './src/alert-dialog-description';\nimport { RdxAlertDialogPopup } from './src/alert-dialog-popup';\nimport { RdxAlertDialogPortal } from './src/alert-dialog-portal';\nimport { RdxAlertDialogPortalPresence } from './src/alert-dialog-portal-presence';\nimport { RdxAlertDialogRoot } from './src/alert-dialog-root';\nimport { RdxAlertDialogTitle } from './src/alert-dialog-title';\nimport { RdxAlertDialogTrigger } from './src/alert-dialog-trigger';\nimport { RdxAlertDialogViewport } from './src/alert-dialog-viewport';\n\nexport * from './src/alert-dialog-backdrop';\nexport * from './src/alert-dialog-close';\nexport * from './src/alert-dialog-description';\nexport * from './src/alert-dialog-handle';\nexport * from './src/alert-dialog-popup';\nexport * from './src/alert-dialog-portal';\nexport * from './src/alert-dialog-portal-presence';\nexport * from './src/alert-dialog-root';\nexport * from './src/alert-dialog-title';\nexport * from './src/alert-dialog-trigger';\nexport * from './src/alert-dialog-viewport';\n\nexport const alertDialogImports = [\n    RdxAlertDialogRoot,\n    RdxAlertDialogTrigger,\n    RdxAlertDialogPortalPresence,\n    RdxAlertDialogPortal,\n    RdxAlertDialogBackdrop,\n    RdxAlertDialogViewport,\n    RdxAlertDialogPopup,\n    RdxAlertDialogTitle,\n    RdxAlertDialogDescription,\n    RdxAlertDialogClose\n];\n\n@NgModule({\n    imports: [...alertDialogImports],\n    exports: [...alertDialogImports]\n})\nexport class RdxAlertDialogModule {}\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-arrow.mjs

@@ -9,8 +9,16 @@ class RdxArrow {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxArrow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: RdxArrow, isStandalone: true, selector: "rdx-arrow", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
         <ng-content>
-            <svg [style.width.px]="width()" [style.height.px]="height()" viewBox="0 0 30 10" preserveAspectRatio="none">
-                <polygon points="0,0 30,0 15,10" />
+            <svg
+                [style.width.px]="width()"
+                [style.height.px]="height()"
+                style="display: block"
+                viewBox="0 0 30 10"
+                preserveAspectRatio="none"
+                aria-hidden="true"
+                focusable="false"
+            >
+                <polygon points="0,0 30,0 15,10" fill="currentColor" />
             </svg>
         </ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -22,8 +30,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
         <ng-content>
-            <svg [style.width.px]="width()" [style.height.px]="height()" viewBox="0 0 30 10" preserveAspectRatio="none">
-                <polygon points="0,0 30,0 15,10" />
+            <svg
+                [style.width.px]="width()"
+                [style.height.px]="height()"
+                style="display: block"
+                viewBox="0 0 30 10"
+                preserveAspectRatio="none"
+                aria-hidden="true"
+                focusable="false"
+            >
+                <polygon points="0,0 30,0 15,10" fill="currentColor" />
             </svg>
         </ng-content>
     `

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-arrow.mjs","sources":["../../../packages/primitives/arrow/src/arrow.ts","../../../packages/primitives/arrow/radix-ng-primitives-arrow.ts"],"sourcesContent":["import { NumberInput } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, input, numberAttribute } from '@angular/core';\n\n@Component({\n    selector: 'rdx-arrow',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        <ng-content>\n            <svg [style.width.px]=\"width()\" [style.height.px]=\"height()\" viewBox=\"0 0 30 10\" preserveAspectRatio=\"none\">\n                <polygon points=\"0,0 30,0 15,10\" />\n            </svg>\n        </ng-content>\n    `\n})\nexport class RdxArrow {\n    readonly width = input<number, NumberInput>(10, { transform: numberAttribute });\n\n    readonly height = input<number, NumberInput>(5, { transform: numberAttribute });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAca,QAAQ,CAAA;AAXrB,IAAA,WAAA,GAAA;QAYa,IAAA,CAAA,KAAK,GAAG,KAAK,CAAsB,EAAE,6EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAEtE,IAAA,CAAA,MAAM,GAAG,KAAK,CAAsB,CAAC,8EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAClF,IAAA;8GAJY,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARP;;;;;;AAMT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEQ,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAXpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,WAAW;oBACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE;;;;;;AAMT,IAAA;AACJ,iBAAA;;;ACbD;;AAEG;;;;"}
+{"version":3,"file":"radix-ng-primitives-arrow.mjs","sources":["../../../packages/primitives/arrow/src/arrow.ts","../../../packages/primitives/arrow/radix-ng-primitives-arrow.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, numberAttribute } from '@angular/core';\nimport { NumberInput } from '@radix-ng/primitives/core';\n\n@Component({\n    selector: 'rdx-arrow',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        <ng-content>\n            <svg\n                [style.width.px]=\"width()\"\n                [style.height.px]=\"height()\"\n                style=\"display: block\"\n                viewBox=\"0 0 30 10\"\n                preserveAspectRatio=\"none\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n            >\n                <polygon points=\"0,0 30,0 15,10\" fill=\"currentColor\" />\n            </svg>\n        </ng-content>\n    `\n})\nexport class RdxArrow {\n    readonly width = input<number, NumberInput>(10, { transform: numberAttribute });\n\n    readonly height = input<number, NumberInput>(5, { transform: numberAttribute });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAsBa,QAAQ,CAAA;AAnBrB,IAAA,WAAA,GAAA;QAoBa,IAAA,CAAA,KAAK,GAAG,KAAK,CAAsB,EAAE,6EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAEtE,IAAA,CAAA,MAAM,GAAG,KAAK,CAAsB,CAAC,8EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAClF,IAAA;8GAJY,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhBP;;;;;;;;;;;;;;AAcT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEQ,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAnBpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,WAAW;oBACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;AAcT,IAAA;AACJ,iBAAA;;;ACrBD;;AAEG;;;;"}

package/fesm2022/radix-ng-primitives-aspect-ratio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-aspect-ratio.mjs","sources":["../../../packages/primitives/aspect-ratio/src/aspect-ratio.directive.ts","../../../packages/primitives/aspect-ratio/radix-ng-primitives-aspect-ratio.ts"],"sourcesContent":["import { NumberInput } from '@angular/cdk/coercion';\nimport {\n    AfterViewInit,\n    computed,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    numberAttribute,\n    Renderer2\n} from '@angular/core';\n\n/**\n * Directive to maintain an aspect ratio for an element.\n * The element will have its `padding-bottom` dynamically calculated\n * based on the provided aspect ratio to maintain the desired ratio.\n * The content inside the element will be positioned absolutely.\n * @group Components\n */\n@Directive({\n    selector: '[rdxAspectRatio]',\n    exportAs: 'rdxAspectRatio',\n    standalone: true,\n    host: {\n        '[style.position]': `'relative'`,\n        '[style.width]': `'100%'`,\n        '[style.padding-bottom]': 'paddingBottom()'\n    }\n})\nexport class RdxAspectRatioDirective implements AfterViewInit {\n    private readonly element = inject(ElementRef);\n    private readonly renderer = inject(Renderer2);\n\n    /**\n     * The desired aspect ratio (e.g., 16/9).\n     * By default, it is set to 1 (which results in a square, 1:1).\n     * @group Props\n     * @defaultValue 1\n     */\n    readonly ratio = input<number, NumberInput>(1, { transform: numberAttribute });\n\n    /**\n     * Dynamically computed `padding-bottom` style for the element.\n     * This value is calculated based on the inverse of the aspect ratio.\n     *\n     * If the ratio is zero, it defaults to `0%` to avoid division by zero.\n     *\n     */\n    protected readonly paddingBottom = computed(() => {\n        const ratioValue = this.ratio();\n        return `${ratioValue !== 0 ? (1 / ratioValue) * 100 : 0}%`;\n    });\n\n    ngAfterViewInit() {\n        const content = this.element.nativeElement.firstElementChild;\n        if (content) {\n            // Set the content to cover the entire element with absolute positioning\n            this.renderer.setStyle(content, 'position', 'absolute');\n            this.renderer.setStyle(content, 'inset', '0');\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAYA;;;;;;AAMG;MAWU,uBAAuB,CAAA;AAVpC,IAAA,WAAA,GAAA;AAWqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;AAC5B,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAE7C;;;;;AAKG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAsB,CAAC,6EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAE9E;;;;;;AAMG;AACgB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC7C,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE;AAC/B,YAAA,OAAO,GAAG,UAAU,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,IAAI,GAAG,GAAG,CAAC,GAAG;AAC9D,QAAA,CAAC,oFAAC;AAUL,IAAA;IARG,eAAe,GAAA;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,iBAAiB;QAC5D,IAAI,OAAO,EAAE;;YAET,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC;YACvD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC;QACjD;IACJ;8GA/BS,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,CAAA,UAAA,CAAY;AAChC,wBAAA,eAAe,EAAE,CAAA,MAAA,CAAQ;AACzB,wBAAA,wBAAwB,EAAE;AAC7B;AACJ,iBAAA;;;AC5BD;;AAEG;;;;"}
+{"version":3,"file":"radix-ng-primitives-aspect-ratio.mjs","sources":["../../../packages/primitives/aspect-ratio/src/aspect-ratio.directive.ts","../../../packages/primitives/aspect-ratio/radix-ng-primitives-aspect-ratio.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    computed,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    numberAttribute,\n    Renderer2\n} from '@angular/core';\nimport { NumberInput } from '@radix-ng/primitives/core';\n\n/**\n * Directive to maintain an aspect ratio for an element.\n * The element will have its `padding-bottom` dynamically calculated\n * based on the provided aspect ratio to maintain the desired ratio.\n * The content inside the element will be positioned absolutely.\n * @group Components\n */\n@Directive({\n    selector: '[rdxAspectRatio]',\n    exportAs: 'rdxAspectRatio',\n    standalone: true,\n    host: {\n        '[style.position]': `'relative'`,\n        '[style.width]': `'100%'`,\n        '[style.padding-bottom]': 'paddingBottom()'\n    }\n})\nexport class RdxAspectRatioDirective implements AfterViewInit {\n    private readonly element = inject(ElementRef);\n    private readonly renderer = inject(Renderer2);\n\n    /**\n     * The desired aspect ratio (e.g., 16/9).\n     * By default, it is set to 1 (which results in a square, 1:1).\n     * @group Props\n     * @defaultValue 1\n     */\n    readonly ratio = input<number, NumberInput>(1, { transform: numberAttribute });\n\n    /**\n     * Dynamically computed `padding-bottom` style for the element.\n     * This value is calculated based on the inverse of the aspect ratio.\n     *\n     * If the ratio is zero, it defaults to `0%` to avoid division by zero.\n     *\n     */\n    protected readonly paddingBottom = computed(() => {\n        const ratioValue = this.ratio();\n        return `${ratioValue !== 0 ? (1 / ratioValue) * 100 : 0}%`;\n    });\n\n    ngAfterViewInit() {\n        const content = this.element.nativeElement.firstElementChild;\n        if (content) {\n            // Set the content to cover the entire element with absolute positioning\n            this.renderer.setStyle(content, 'position', 'absolute');\n            this.renderer.setStyle(content, 'inset', '0');\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAYA;;;;;;AAMG;MAWU,uBAAuB,CAAA;AAVpC,IAAA,WAAA,GAAA;AAWqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;AAC5B,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAE7C;;;;;AAKG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAsB,CAAC,6EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAE9E;;;;;;AAMG;AACgB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC7C,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE;AAC/B,YAAA,OAAO,GAAG,UAAU,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,IAAI,GAAG,GAAG,CAAC,GAAG;AAC9D,QAAA,CAAC,oFAAC;AAUL,IAAA;IARG,eAAe,GAAA;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,iBAAiB;QAC5D,IAAI,OAAO,EAAE;;YAET,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC;YACvD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC;QACjD;IACJ;8GA/BS,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,CAAA,UAAA,CAAY;AAChC,wBAAA,eAAe,EAAE,CAAA,MAAA,CAAQ;AACzB,wBAAA,wBAAwB,EAAE;AAC7B;AACJ,iBAAA;;;AC5BD;;AAEG;;;;"}