@radix-ng/primitives 0.2.0 → 0.4.0

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

@@ -1,13 +1,35 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ElementRef, EventEmitter, booleanAttribute, Directive, Input, Output, HostListener } from '@angular/core';
+import { InjectionToken, inject, Directive, ElementRef, EventEmitter, booleanAttribute, Input, Output, HostListener } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
-const SwitchToken = new InjectionToken('SwitchToken');
+const RdxSwitchToken = new InjectionToken('RdxSwitchToken');
 function injectSwitch() {
-    return inject(SwitchToken);
+    return inject(RdxSwitchToken);
 }
 
-class SwitchDirective {
+class RdxSwitchThumbDirective {
+    constructor() {
+        /**
+         * Access the switch directive.
+         */
+        this.switch = injectSwitch();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxSwitchThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxSwitchThumbDirective, isStandalone: true, selector: "[rdxSwitchThumb]", host: { properties: { "attr.data-state": "switch.checked ? \"checked\" : \"unchecked\"", "attr.data-disabled": "switch.disabled ? \"true\" : null" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxSwitchThumbDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxSwitchThumb]',
+                    standalone: true,
+                    host: {
+                        '[attr.data-state]': 'switch.checked ? "checked" : "unchecked"',
+                        '[attr.data-disabled]': 'switch.disabled ? "true" : null'
+                    }
+                }]
+        }] });
+
+class RdxSwitchDirective {
     constructor() {
         /**
          * Access the element ref.
@@ -87,20 +109,20 @@ class SwitchDirective {
             this.toggle();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SwitchDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: SwitchDirective, isStandalone: true, selector: "[rdxSwitch]", inputs: { checked: ["checked", "checked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { checkedChange: "checkedChange" }, host: { attributes: { "role": "switch" }, listeners: { "focus": "onTouched?.()", "click": "toggle()", "keydown.space": "onKeyDown()" }, properties: { "attr.type": "isButton ? \"button\" : null", "attr.aria-checked": "checked", "attr.data-state": "checked ? \"checked\" : \"unchecked\"", "attr.data-disabled": "disabled ? \"true\" : null", "attr.disabled": "isButton && disabled ? disabled : null" } }, providers: [
-            { provide: SwitchToken, useExisting: SwitchDirective },
-            { provide: NG_VALUE_ACCESSOR, useExisting: SwitchDirective, multi: true }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxSwitchDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxSwitchDirective, isStandalone: true, selector: "[rdxSwitch]", inputs: { checked: ["checked", "checked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { checkedChange: "checkedChange" }, host: { attributes: { "role": "switch" }, listeners: { "focus": "onTouched?.()", "click": "toggle()", "keydown.space": "onKeyDown()" }, properties: { "attr.type": "isButton ? \"button\" : null", "attr.aria-checked": "checked", "attr.data-state": "checked ? \"checked\" : \"unchecked\"", "attr.data-disabled": "disabled ? \"true\" : null", "attr.disabled": "isButton && disabled ? disabled : null" } }, providers: [
+            { provide: RdxSwitchToken, useExisting: RdxSwitchDirective },
+            { provide: NG_VALUE_ACCESSOR, useExisting: RdxSwitchDirective, multi: true }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SwitchDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxSwitchDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxSwitch]',
                     standalone: true,
                     providers: [
-                        { provide: SwitchToken, useExisting: SwitchDirective },
-                        { provide: NG_VALUE_ACCESSOR, useExisting: SwitchDirective, multi: true }
+                        { provide: RdxSwitchToken, useExisting: RdxSwitchDirective },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: RdxSwitchDirective, multi: true }
                     ],
                     host: {
                         role: 'switch',
@@ -128,31 +150,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 args: ['keydown.space']
             }] } });
 
-class SwitchThumbDirective {
-    constructor() {
-        /**
-         * Access the switch directive.
-         */
-        this.switch = injectSwitch();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SwitchThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: SwitchThumbDirective, isStandalone: true, selector: "[rdxSwitchThumb]", host: { properties: { "attr.data-state": "switch.checked ? \"checked\" : \"unchecked\"", "attr.data-disabled": "switch.disabled ? \"true\" : null" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SwitchThumbDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rdxSwitchThumb]',
-                    standalone: true,
-                    host: {
-                        '[attr.data-state]': 'switch.checked ? "checked" : "unchecked"',
-                        '[attr.data-disabled]': 'switch.disabled ? "true" : null'
-                    }
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SwitchDirective, SwitchThumbDirective, SwitchToken, injectSwitch };
+export { RdxSwitchDirective, RdxSwitchThumbDirective, RdxSwitchToken, injectSwitch };
 //# sourceMappingURL=radix-ng-primitives-switch.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-switch.mjs","sources":["../../../packages/primitives/switch/src/switch.token.ts","../../../packages/primitives/switch/src/switch.directive.ts","../../../packages/primitives/switch/src/switch-thumb.directive.ts","../../../packages/primitives/switch/radix-ng-primitives-switch.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport type { SwitchDirective } from './switch.directive';\n\nexport const SwitchToken = new InjectionToken<SwitchDirective>('SwitchToken');\n\nexport function injectSwitch(): SwitchDirective {\n    return inject(SwitchToken);\n}\n","import {\n    Directive,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    Input,\n    Output,\n    booleanAttribute,\n    inject\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { SwitchToken } from './switch.token';\n\n@Directive({\n    selector: '[rdxSwitch]',\n    standalone: true,\n    providers: [\n        { provide: SwitchToken, useExisting: SwitchDirective },\n        { provide: NG_VALUE_ACCESSOR, useExisting: SwitchDirective, multi: true }\n    ],\n    host: {\n        role: 'switch',\n        '[attr.type]': 'isButton ? \"button\" : null',\n        '[attr.aria-checked]': 'checked',\n        '[attr.data-state]': 'checked ? \"checked\" : \"unchecked\"',\n        '[attr.data-disabled]': 'disabled ? \"true\" : null',\n        '[attr.disabled]': 'isButton && disabled ? disabled : null',\n        '(focus)': 'onTouched?.()'\n    }\n})\nexport class SwitchDirective implements ControlValueAccessor {\n    /**\n     * Access the element ref.\n     */\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    /**\n     * Determine if the switch is a button\n     */\n    protected isButton = this.elementRef.nativeElement.tagName === 'BUTTON';\n\n    /**\n     * Determine if the switch is checked.\n     * The controlled state of the switch.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) checked = false;\n\n    /**\n     * Determine if the switch is disabled.\n     * When true, prevents the user from interacting with the switch.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Event emitted when the checked state changes.\n     */\n    @Output() readonly checkedChange = new EventEmitter<boolean>();\n\n    /**\n     * Store the onChange callback.\n     */\n    private onChange?: (checked: boolean) => void;\n\n    /**\n     * Store the onTouched callback.\n     */\n    protected onTouched?: () => void;\n\n    /**\n     * Register the onChange callback.\n     * @param fn The onChange callback.\n     * @internal\n     */\n    registerOnChange(fn: (checked: boolean) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Register the onTouched callback.\n     * @param fn The onTouched callback.\n     * @internal\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Write the value to the checked state.\n     * @param checked The checked state.\n     * @internal\n     */\n    writeValue(checked: boolean): void {\n        this.checked = checked;\n    }\n\n    /**\n     * Set the disabled state.\n     * @param isDisabled The disabled state.\n     * @internal\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    /**\n     * Toggle the checked state.\n     */\n    @HostListener('click')\n    toggle(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.checked = !this.checked;\n        this.checkedChange.emit(this.checked);\n        this.onChange?.(this.checked);\n    }\n\n    /**\n     * Handle the keydown event.\n     */\n    @HostListener('keydown.space')\n    protected onKeyDown(): void {\n        // If the switch is not a button then the space key will not toggle the checked state automatically,\n        // so we need to do it manually.\n        if (!this.isButton) {\n            this.toggle();\n        }\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectSwitch } from './switch.token';\n\n@Directive({\n    selector: '[rdxSwitchThumb]',\n    standalone: true,\n    host: {\n        '[attr.data-state]': 'switch.checked ? \"checked\" : \"unchecked\"',\n        '[attr.data-disabled]': 'switch.disabled ? \"true\" : null'\n    }\n})\nexport class SwitchThumbDirective {\n    /**\n     * Access the switch directive.\n     */\n    protected readonly switch = injectSwitch();\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-switch.mjs","sources":["../../../packages/primitives/switch/src/switch.token.ts","../../../packages/primitives/switch/src/switch-thumb.directive.ts","../../../packages/primitives/switch/src/switch.directive.ts","../../../packages/primitives/switch/radix-ng-primitives-switch.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type { RdxSwitchDirective } from './switch.directive';\n\nexport const RdxSwitchToken = new InjectionToken<RdxSwitchDirective>('RdxSwitchToken');\n\nexport function injectSwitch(): RdxSwitchDirective {\n    return inject(RdxSwitchToken);\n}\n","import { Directive } from '@angular/core';\n\nimport { injectSwitch } from './switch.token';\n\n@Directive({\n    selector: '[rdxSwitchThumb]',\n    standalone: true,\n    host: {\n        '[attr.data-state]': 'switch.checked ? \"checked\" : \"unchecked\"',\n        '[attr.data-disabled]': 'switch.disabled ? \"true\" : null'\n    }\n})\nexport class RdxSwitchThumbDirective {\n    /**\n     * Access the switch directive.\n     */\n    protected readonly switch = injectSwitch();\n}\n","import {\n    booleanAttribute,\n    Directive,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    inject,\n    Input,\n    Output\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { RdxSwitchToken } from './switch.token';\n\n@Directive({\n    selector: '[rdxSwitch]',\n    standalone: true,\n    providers: [\n        { provide: RdxSwitchToken, useExisting: RdxSwitchDirective },\n        { provide: NG_VALUE_ACCESSOR, useExisting: RdxSwitchDirective, multi: true }\n    ],\n    host: {\n        role: 'switch',\n        '[attr.type]': 'isButton ? \"button\" : null',\n        '[attr.aria-checked]': 'checked',\n        '[attr.data-state]': 'checked ? \"checked\" : \"unchecked\"',\n        '[attr.data-disabled]': 'disabled ? \"true\" : null',\n        '[attr.disabled]': 'isButton && disabled ? disabled : null',\n        '(focus)': 'onTouched?.()'\n    }\n})\nexport class RdxSwitchDirective implements ControlValueAccessor {\n    /**\n     * Access the element ref.\n     */\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    /**\n     * Determine if the switch is a button\n     */\n    protected isButton = this.elementRef.nativeElement.tagName === 'BUTTON';\n\n    /**\n     * Determine if the switch is checked.\n     * The controlled state of the switch.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) checked = false;\n\n    /**\n     * Determine if the switch is disabled.\n     * When true, prevents the user from interacting with the switch.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Event emitted when the checked state changes.\n     */\n    @Output() readonly checkedChange = new EventEmitter<boolean>();\n\n    /**\n     * Store the onChange callback.\n     */\n    private onChange?: (checked: boolean) => void;\n\n    /**\n     * Store the onTouched callback.\n     */\n    protected onTouched?: () => void;\n\n    /**\n     * Register the onChange callback.\n     * @param fn The onChange callback.\n     * @internal\n     */\n    registerOnChange(fn: (checked: boolean) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Register the onTouched callback.\n     * @param fn The onTouched callback.\n     * @internal\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Write the value to the checked state.\n     * @param checked The checked state.\n     * @internal\n     */\n    writeValue(checked: boolean): void {\n        this.checked = checked;\n    }\n\n    /**\n     * Set the disabled state.\n     * @param isDisabled The disabled state.\n     * @internal\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    /**\n     * Toggle the checked state.\n     */\n    @HostListener('click')\n    toggle(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.checked = !this.checked;\n        this.checkedChange.emit(this.checked);\n        this.onChange?.(this.checked);\n    }\n\n    /**\n     * Handle the keydown event.\n     */\n    @HostListener('keydown.space')\n    protected onKeyDown(): void {\n        // If the switch is not a button then the space key will not toggle the checked state automatically,\n        // so we need to do it manually.\n        if (!this.isButton) {\n            this.toggle();\n        }\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-toggle.mjs

@@ -0,0 +1,72 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, booleanAttribute, Directive, Input, Output, HostListener } from '@angular/core';
+
+let uniqueId = 0;
+class RdxToggleDirective {
+    constructor() {
+        /**
+         * Whether the toggle is pressed.
+         * @default false
+         */
+        this.pressed = false;
+        /**
+         * Whether the toggle is disabled.
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Determine element id
+         */
+        this.id = 'rdx-toggle-' + uniqueId++;
+        /**
+         * Event emitted when the toggle is pressed.
+         */
+        this.pressedChange = new EventEmitter();
+    }
+    /**
+     * Toggle the pressed state.
+     */
+    toggle() {
+        if (this.disabled) {
+            return;
+        }
+        this.pressed = !this.pressed;
+        this.pressedChange.emit(this.pressed);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxToggleDirective, isStandalone: true, selector: "button[rdxToggle]", inputs: { pressed: ["rdxTogglePressed", "pressed", booleanAttribute], disabled: ["rdxToggleDisabled", "disabled", booleanAttribute], id: "id" }, outputs: { pressedChange: "rdxToggleOnPressedChange" }, host: { attributes: { "type": "button" }, listeners: { "click": "toggle()" }, properties: { "attr.aria-pressed": "pressed", "attr.data-state": "pressed ? \"on\" : \"off\"", "attr.data-disabled": "disabled" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[rdxToggle]',
+                    standalone: true,
+                    host: {
+                        type: 'button',
+                        '[attr.aria-pressed]': 'pressed',
+                        '[attr.data-state]': 'pressed ? "on" : "off"',
+                        '[attr.data-disabled]': 'disabled'
+                    }
+                }]
+        }], propDecorators: { pressed: [{
+                type: Input,
+                args: [{ alias: 'rdxTogglePressed', transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ alias: 'rdxToggleDisabled', transform: booleanAttribute }]
+            }], id: [{
+                type: Input
+            }], pressedChange: [{
+                type: Output,
+                args: ['rdxToggleOnPressedChange']
+            }], toggle: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxToggleDirective };
+//# sourceMappingURL=radix-ng-primitives-toggle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../../../packages/primitives/toggle/src/toggle.directive.ts","../../../packages/primitives/toggle/radix-ng-primitives-toggle.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    Directive,\n    EventEmitter,\n    HostListener,\n    Input,\n    Output\n} from '@angular/core';\n\nlet uniqueId = 0;\n\n@Directive({\n    selector: 'button[rdxToggle]',\n    standalone: true,\n    host: {\n        type: 'button',\n        '[attr.aria-pressed]': 'pressed',\n        '[attr.data-state]': 'pressed ? \"on\" : \"off\"',\n        '[attr.data-disabled]': 'disabled'\n    }\n})\nexport class RdxToggleDirective {\n    /**\n     * Whether the toggle is pressed.\n     * @default false\n     */\n    @Input({ alias: 'rdxTogglePressed', transform: booleanAttribute }) pressed = false;\n\n    /**\n     * Whether the toggle is disabled.\n     * @default false\n     */\n    @Input({ alias: 'rdxToggleDisabled', transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Determine element id\n     */\n    @Input() id = 'rdx-toggle-' + uniqueId++;\n    /**\n     * Event emitted when the toggle is pressed.\n     */\n    @Output('rdxToggleOnPressedChange') readonly pressedChange = new EventEmitter<boolean>();\n\n    /**\n     * Toggle the pressed state.\n     */\n    @HostListener('click')\n    toggle(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.pressed = !this.pressed;\n        this.pressedChange.emit(this.pressed);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AASA,IAAI,QAAQ,GAAG,CAAC,CAAC;MAYJ,kBAAkB,CAAA;AAV/B,IAAA,WAAA,GAAA;AAWI;;;AAGG;QACgE,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AAEnF;;;AAGG;QACiE,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAErF;;AAEG;AACM,QAAA,IAAA,CAAA,EAAE,GAAG,aAAa,GAAG,QAAQ,EAAE,CAAC;AACzC;;AAEG;AAC0C,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAW,CAAC;AAc5F,KAAA;AAZG;;AAEG;IAEH,MAAM,GAAA;AACF,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,OAAO;SACV;AAED,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACzC;8GAjCQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,EAAA,SAAA,EAKoB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,EAAA,UAAA,EAMf,gBAAgB,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,0BAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAXvD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,qBAAqB,EAAE,SAAS;AAChC,wBAAA,mBAAmB,EAAE,wBAAwB;AAC7C,wBAAA,sBAAsB,EAAE,UAAU;AACrC,qBAAA;AACJ,iBAAA,CAAA;8BAMsE,OAAO,EAAA,CAAA;sBAAzE,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAMG,QAAQ,EAAA,CAAA;sBAA3E,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAKzD,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAIuC,aAAa,EAAA,CAAA;sBAAzD,MAAM;uBAAC,0BAA0B,CAAA;gBAMlC,MAAM,EAAA,CAAA;sBADL,YAAY;uBAAC,OAAO,CAAA;;;AC9CzB;;AAEG;;;;"}

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

@@ -0,0 +1,242 @@
+import * as i0 from '@angular/core';
+import { Directive, InjectionToken, inject, booleanAttribute, numberAttribute, Input, HostListener } from '@angular/core';
+import * as i1 from '@radix-ng/primitives/overlay';
+import { RdxOverlayArrowDirective, RdxOverlayTriggerDirective, RdxOverlayDirective } from '@radix-ng/primitives/overlay';
+
+class RdxTooltipArrowDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxTooltipArrowDirective, isStandalone: true, selector: "[rdxTooltipArrow]", hostDirectives: [{ directive: i1.RdxOverlayArrowDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipArrowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxTooltipArrow]',
+                    standalone: true,
+                    hostDirectives: [RdxOverlayArrowDirective]
+                }]
+        }] });
+
+const RdxTooltipTriggerToken = new InjectionToken('RdxTooltipTriggerToken');
+function injectTooltipTrigger() {
+    return inject(RdxTooltipTriggerToken);
+}
+
+const TooltipConfigToken = new InjectionToken('TooltipConfig');
+const defaultTooltipConfig = {
+    offset: 4,
+    placement: 'top',
+    showDelay: 0,
+    hideDelay: 0,
+    flip: true,
+    container: document.body
+};
+/**
+ * Provide the default Tooltip configuration
+ * @param config The Tooltip configuration
+ * @returns The provider
+ */
+function provideTooltipConfig(config) {
+    return [
+        {
+            provide: TooltipConfigToken,
+            useValue: { ...defaultTooltipConfig, ...config }
+        }
+    ];
+}
+/**
+ * Inject the Tooltip configuration
+ * @returns The global Tooltip configuration
+ */
+function injectTooltipConfig() {
+    return inject(TooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;
+}
+
+/* eslint-disable @angular-eslint/no-input-rename */
+class RdxTooltipTriggerDirective {
+    constructor() {
+        /**
+         * Access the overlay trigger directive
+         */
+        this.overlayTrigger = inject(RdxOverlayTriggerDirective);
+        /**
+         * Access the global tooltip configuration
+         */
+        this.tooltipConfig = injectTooltipConfig();
+        /**
+         * Define if the trigger should be disabled.
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Define the placement of the tooltip relative to the trigger.
+         * @default 'bottom'
+         */
+        this.placement = this.tooltipConfig.placement;
+        /**
+         * Define the offset of the tooltip relative to the trigger.
+         * @default 0
+         */
+        this.offset = this.tooltipConfig.offset;
+        /**
+         * Define the delay before the tooltip is displayed.
+         * @default 0
+         */
+        this.showDelay = this.tooltipConfig.showDelay;
+        /**
+         * Define the delay before the tooltip is hidden.
+         * @default 0
+         */
+        this.hideDelay = this.tooltipConfig.hideDelay;
+        /**
+         * Define whether the tooltip should flip when there is not enough space for the tooltip.
+         * @default true
+         */
+        this.flip = this.tooltipConfig.flip;
+        /**
+         * Define the container in to which the tooltip should be attached.
+         * @default document.body
+         */
+        this.container = this.tooltipConfig.container;
+    }
+    ngOnInit() {
+        this.overlayTrigger.registerProvider({
+            provide: RdxTooltipTriggerToken,
+            useValue: this
+        });
+    }
+    /**
+     * Show the tooltip.
+     */
+    show() {
+        this.overlayTrigger.show();
+    }
+    /**
+     * Hide the tooltip.
+     */
+    hide() {
+        this.overlayTrigger.hide();
+    }
+    /**
+     * Define the tooltip id.
+     * @param id The tooltip id
+     * @internal
+     */
+    setTooltipId(id) {
+        this.tooltipId = id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxTooltipTriggerDirective, isStandalone: true, selector: "[rdxTooltipTrigger]", inputs: { templateRef: ["rdxTooltipTrigger", "templateRef"], disabled: ["rdxTooltipDisabled", "disabled", booleanAttribute], placement: ["rdxTooltipPlacement", "placement"], offset: ["rdxTooltipOffset", "offset", numberAttribute], showDelay: ["rdxTooltipShowDelay", "showDelay", numberAttribute], hideDelay: ["rdxTooltipHideDelay", "hideDelay", numberAttribute], flip: ["rdxTooltipFlip", "flip", booleanAttribute], container: ["rdxTooltipContainer", "container"] }, host: { listeners: { "mouseenter": "show()", "focus": "show()", "mouseleave": "hide()", "blur": "hide()", "window:keydown.escape": "hide()" }, properties: { "attr.aria-describedby": "tooltipId" } }, hostDirectives: [{ directive: i1.RdxOverlayTriggerDirective, inputs: ["rdxOverlayTrigger", "rdxTooltipTrigger", "rdxOverlayDisabled", "rdxTooltipDisabled", "rdxOverlayPlacement", "rdxTooltipPlacement", "rdxOverlayOffset", "rdxTooltipOffset", "rdxOverlayShowDelay", "rdxTooltipShowDelay", "rdxOverlayHideDelay", "rdxTooltipHideDelay", "rdxOverlayShift", "rdxTooltipShift", "rdxOverlayFlip", "rdxTooltipFlip", "rdxOverlayContainer", "rdxTooltipContainer"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxTooltipTrigger]',
+                    standalone: true,
+                    host: {
+                        '[attr.aria-describedby]': 'tooltipId'
+                    },
+                    hostDirectives: [
+                        {
+                            directive: RdxOverlayTriggerDirective,
+                            inputs: [
+                                'rdxOverlayTrigger: rdxTooltipTrigger',
+                                'rdxOverlayDisabled: rdxTooltipDisabled',
+                                'rdxOverlayPlacement: rdxTooltipPlacement',
+                                'rdxOverlayOffset: rdxTooltipOffset',
+                                'rdxOverlayShowDelay: rdxTooltipShowDelay',
+                                'rdxOverlayHideDelay: rdxTooltipHideDelay',
+                                'rdxOverlayShift: rdxTooltipShift',
+                                'rdxOverlayFlip: rdxTooltipFlip',
+                                'rdxOverlayContainer: rdxTooltipContainer'
+                            ]
+                        }
+                    ]
+                }]
+        }], propDecorators: { templateRef: [{
+                type: Input,
+                args: [{ alias: 'rdxTooltipTrigger', required: true }]
+            }], disabled: [{
+                type: Input,
+                args: [{ alias: 'rdxTooltipDisabled', transform: booleanAttribute }]
+            }], placement: [{
+                type: Input,
+                args: ['rdxTooltipPlacement']
+            }], offset: [{
+                type: Input,
+                args: [{ alias: 'rdxTooltipOffset', transform: numberAttribute }]
+            }], showDelay: [{
+                type: Input,
+                args: [{ alias: 'rdxTooltipShowDelay', transform: numberAttribute }]
+            }], hideDelay: [{
+                type: Input,
+                args: [{ alias: 'rdxTooltipHideDelay', transform: numberAttribute }]
+            }], flip: [{
+                type: Input,
+                args: [{ alias: 'rdxTooltipFlip', transform: booleanAttribute }]
+            }], container: [{
+                type: Input,
+                args: ['rdxTooltipContainer']
+            }], show: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }, {
+                type: HostListener,
+                args: ['focus']
+            }], hide: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }, {
+                type: HostListener,
+                args: ['blur']
+            }, {
+                type: HostListener,
+                args: ['window:keydown.escape']
+            }] } });
+
+/**
+ * A unique identifier for the tooltip
+ */
+let uniqueId = 0;
+class RdxTooltipDirective {
+    constructor() {
+        /**
+         * Access the tooltip trigger
+         */
+        this.trigger = injectTooltipTrigger();
+        /**
+         * Define the tooltip id
+         */
+        this.id = `rdx-tooltip-${uniqueId++}`;
+    }
+    ngOnInit() {
+        this.trigger.setTooltipId(this.id);
+    }
+    ngOnChanges(changes) {
+        if ('id' in changes) {
+            this.trigger.setTooltipId(this.id);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxTooltipDirective, isStandalone: true, selector: "[rdxTooltip]", inputs: { id: "id" }, host: { attributes: { "role": "tooltip" } }, exportAs: ["rdxTooltip"], usesOnChanges: true, hostDirectives: [{ directive: i1.RdxOverlayDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxTooltip]',
+                    standalone: true,
+                    exportAs: 'rdxTooltip',
+                    hostDirectives: [RdxOverlayDirective],
+                    host: {
+                        role: 'tooltip'
+                    }
+                }]
+        }], propDecorators: { id: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxTooltipArrowDirective, RdxTooltipDirective, RdxTooltipTriggerDirective, TooltipConfigToken, injectTooltipConfig, provideTooltipConfig };
+//# sourceMappingURL=radix-ng-primitives-tooltip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-tooltip.mjs","sources":["../../../packages/primitives/tooltip/src/tooltip-arrow.directive.ts","../../../packages/primitives/tooltip/src/tooltip-trigger.token.ts","../../../packages/primitives/tooltip/src/tooltip.config.ts","../../../packages/primitives/tooltip/src/tooltip-trigger.directive.ts","../../../packages/primitives/tooltip/src/tooltip.directive.ts","../../../packages/primitives/tooltip/radix-ng-primitives-tooltip.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\nimport { RdxOverlayArrowDirective } from '@radix-ng/primitives/overlay';\n\n@Directive({\n    selector: '[rdxTooltipArrow]',\n    standalone: true,\n    hostDirectives: [RdxOverlayArrowDirective]\n})\nexport class RdxTooltipArrowDirective {}\n","import { inject, InjectionToken } from '@angular/core';\n\nimport type { RdxTooltipTriggerDirective } from './tooltip-trigger.directive';\n\nexport const RdxTooltipTriggerToken = new InjectionToken<RdxTooltipTriggerDirective>(\n    'RdxTooltipTriggerToken'\n);\n\nexport function injectTooltipTrigger(): RdxTooltipTriggerDirective {\n    return inject(RdxTooltipTriggerToken);\n}\n","import { inject, InjectionToken, Provider } from '@angular/core';\n\nimport { Placement } from '@floating-ui/dom';\n\nexport const TooltipConfigToken = new InjectionToken<RdxTooltipConfig>('TooltipConfig');\n\nexport interface RdxTooltipConfig {\n    /**\n     * Define the offset of the tooltip relative to the trigger.\n     * @default 4\n     */\n    offset: number;\n\n    /**\n     * Define the placement of the tooltip relative to the trigger.\n     * @default 'top'\n     */\n    placement: Placement;\n\n    /**\n     * Define the delay before the tooltip is shown.\n     * @default 0\n     */\n    showDelay: number;\n\n    /**\n     * Define the delay before the tooltip is hidden.\n     * @default 0\n     */\n    hideDelay: number;\n\n    /**\n     * Define whether the tooltip should flip when there is not enough space for the tooltip.\n     * @default true\n     */\n    flip: boolean;\n\n    /**\n     * Define the container in to which the tooltip should be attached.\n     * @default document.body\n     */\n    container: HTMLElement;\n}\n\nconst defaultTooltipConfig: RdxTooltipConfig = {\n    offset: 4,\n    placement: 'top',\n    showDelay: 0,\n    hideDelay: 0,\n    flip: true,\n    container: document.body\n};\n\n/**\n * Provide the default Tooltip configuration\n * @param config The Tooltip configuration\n * @returns The provider\n */\nexport function provideTooltipConfig(config: Partial<RdxTooltipConfig>): Provider[] {\n    return [\n        {\n            provide: TooltipConfigToken,\n            useValue: { ...defaultTooltipConfig, ...config }\n        }\n    ];\n}\n\n/**\n * Inject the Tooltip configuration\n * @returns The global Tooltip configuration\n */\nexport function injectTooltipConfig(): RdxTooltipConfig {\n    return inject(TooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;\n}\n","/* eslint-disable @angular-eslint/no-input-rename */\nimport {\n    booleanAttribute,\n    Directive,\n    HostListener,\n    inject,\n    Input,\n    numberAttribute,\n    OnInit,\n    TemplateRef\n} from '@angular/core';\n\nimport { Placement } from '@floating-ui/dom';\nimport { RdxOverlayTriggerDirective } from '@radix-ng/primitives/overlay';\n\nimport { RdxTooltipTriggerToken } from './tooltip-trigger.token';\nimport { injectTooltipConfig } from './tooltip.config';\n\n@Directive({\n    selector: '[rdxTooltipTrigger]',\n    standalone: true,\n    host: {\n        '[attr.aria-describedby]': 'tooltipId'\n    },\n    hostDirectives: [\n        {\n            directive: RdxOverlayTriggerDirective,\n            inputs: [\n                'rdxOverlayTrigger: rdxTooltipTrigger',\n                'rdxOverlayDisabled: rdxTooltipDisabled',\n                'rdxOverlayPlacement: rdxTooltipPlacement',\n                'rdxOverlayOffset: rdxTooltipOffset',\n                'rdxOverlayShowDelay: rdxTooltipShowDelay',\n                'rdxOverlayHideDelay: rdxTooltipHideDelay',\n                'rdxOverlayShift: rdxTooltipShift',\n                'rdxOverlayFlip: rdxTooltipFlip',\n                'rdxOverlayContainer: rdxTooltipContainer'\n            ]\n        }\n    ]\n})\nexport class RdxTooltipTriggerDirective implements OnInit {\n    /**\n     * Access the overlay trigger directive\n     */\n    private readonly overlayTrigger = inject(RdxOverlayTriggerDirective);\n\n    /**\n     * Access the global tooltip configuration\n     */\n    private readonly tooltipConfig = injectTooltipConfig();\n\n    /**\n     * Define the tooltip to display when the trigger is activated.\n     */\n    @Input({ alias: 'rdxTooltipTrigger', required: true }) templateRef!: TemplateRef<void>;\n\n    /**\n     * Define if the trigger should be disabled.\n     * @default false\n     */\n    @Input({ alias: 'rdxTooltipDisabled', transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Define the placement of the tooltip relative to the trigger.\n     * @default 'bottom'\n     */\n    @Input('rdxTooltipPlacement') placement: Placement = this.tooltipConfig.placement;\n\n    /**\n     * Define the offset of the tooltip relative to the trigger.\n     * @default 0\n     */\n    @Input({ alias: 'rdxTooltipOffset', transform: numberAttribute }) offset: number =\n        this.tooltipConfig.offset;\n\n    /**\n     * Define the delay before the tooltip is displayed.\n     * @default 0\n     */\n    @Input({ alias: 'rdxTooltipShowDelay', transform: numberAttribute }) showDelay: number =\n        this.tooltipConfig.showDelay;\n\n    /**\n     * Define the delay before the tooltip is hidden.\n     * @default 0\n     */\n    @Input({ alias: 'rdxTooltipHideDelay', transform: numberAttribute }) hideDelay: number =\n        this.tooltipConfig.hideDelay;\n\n    /**\n     * Define whether the tooltip should flip when there is not enough space for the tooltip.\n     * @default true\n     */\n    @Input({ alias: 'rdxTooltipFlip', transform: booleanAttribute }) flip: boolean =\n        this.tooltipConfig.flip;\n\n    /**\n     * Define the container in to which the tooltip should be attached.\n     * @default document.body\n     */\n    @Input('rdxTooltipContainer') container: HTMLElement = this.tooltipConfig.container;\n\n    /**\n     * The tooltip id.\n     */\n    protected tooltipId?: string;\n\n    ngOnInit(): void {\n        this.overlayTrigger.registerProvider({\n            provide: RdxTooltipTriggerToken,\n            useValue: this\n        });\n    }\n\n    /**\n     * Show the tooltip.\n     */\n    @HostListener('mouseenter')\n    @HostListener('focus')\n    show(): void {\n        this.overlayTrigger.show();\n    }\n\n    /**\n     * Hide the tooltip.\n     */\n    @HostListener('mouseleave')\n    @HostListener('blur')\n    @HostListener('window:keydown.escape')\n    hide(): void {\n        this.overlayTrigger.hide();\n    }\n\n    /**\n     * Define the tooltip id.\n     * @param id The tooltip id\n     * @internal\n     */\n    setTooltipId(id: string) {\n        this.tooltipId = id;\n    }\n}\n","import { Directive, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\n\nimport { RdxOverlayDirective } from '@radix-ng/primitives/overlay';\n\nimport { injectTooltipTrigger } from './tooltip-trigger.token';\n\n/**\n * A unique identifier for the tooltip\n */\nlet uniqueId = 0;\n\n@Directive({\n    selector: '[rdxTooltip]',\n    standalone: true,\n    exportAs: 'rdxTooltip',\n    hostDirectives: [RdxOverlayDirective],\n    host: {\n        role: 'tooltip'\n    }\n})\nexport class RdxTooltipDirective implements OnInit, OnChanges {\n    /**\n     * Access the tooltip trigger\n     */\n    private readonly trigger = injectTooltipTrigger();\n\n    /**\n     * Define the tooltip id\n     */\n    @Input() id = `rdx-tooltip-${uniqueId++}`;\n\n    ngOnInit(): void {\n        this.trigger.setTooltipId(this.id);\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('id' in changes) {\n            this.trigger.setTooltipId(this.id);\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MASa,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;oBAChB,cAAc,EAAE,CAAC,wBAAwB,CAAC;AAC7C,iBAAA,CAAA;;;ACJM,MAAM,sBAAsB,GAAG,IAAI,cAAc,CACpD,wBAAwB,CAC3B,CAAC;SAEc,oBAAoB,GAAA;AAChC,IAAA,OAAO,MAAM,CAAC,sBAAsB,CAAC,CAAC;AAC1C;;MCNa,kBAAkB,GAAG,IAAI,cAAc,CAAmB,eAAe,EAAE;AAwCxF,MAAM,oBAAoB,GAAqB;AAC3C,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,QAAQ,CAAC,IAAI;CAC3B,CAAC;AAEF;;;;AAIG;AACG,SAAU,oBAAoB,CAAC,MAAiC,EAAA;IAClE,OAAO;AACH,QAAA;AACI,YAAA,OAAO,EAAE,kBAAkB;AAC3B,YAAA,QAAQ,EAAE,EAAE,GAAG,oBAAoB,EAAE,GAAG,MAAM,EAAE;AACnD,SAAA;KACJ,CAAC;AACN,CAAC;AAED;;;AAGG;SACa,mBAAmB,GAAA;AAC/B,IAAA,OAAO,MAAM,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,oBAAoB,CAAC;AAClF;;ACzEA;MAyCa,0BAA0B,CAAA;AAvBvC,IAAA,WAAA,GAAA;AAwBI;;AAEG;AACc,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,0BAA0B,CAAC,CAAC;AAErE;;AAEG;QACc,IAAa,CAAA,aAAA,GAAG,mBAAmB,EAAE,CAAC;AAOvD;;;AAGG;QACkE,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAEtF;;;AAGG;AAC2B,QAAA,IAAA,CAAA,SAAS,GAAc,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;AAElF;;;AAGG;AAC+D,QAAA,IAAA,CAAA,MAAM,GACpE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;AAE9B;;;AAGG;AACkE,QAAA,IAAA,CAAA,SAAS,GAC1E,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;AAEjC;;;AAGG;AACkE,QAAA,IAAA,CAAA,SAAS,GAC1E,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;AAEjC;;;AAGG;AAC8D,QAAA,IAAA,CAAA,IAAI,GACjE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AAE5B;;;AAGG;AAC2B,QAAA,IAAA,CAAA,SAAS,GAAgB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;AAyCvF,KAAA;IAlCG,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC;AACjC,YAAA,OAAO,EAAE,sBAAsB;AAC/B,YAAA,QAAQ,EAAE,IAAI;AACjB,SAAA,CAAC,CAAC;KACN;AAED;;AAEG;IAGH,IAAI,GAAA;AACA,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;KAC9B;AAED;;AAEG;IAIH,IAAI,GAAA;AACA,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;KAC9B;AAED;;;;AAIG;AACH,IAAA,YAAY,CAAC,EAAU,EAAA;AACnB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;8GApGQ,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,CAAA,mBAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,EAAA,UAAA,EAoBc,gBAAgB,CAYlB,EAAA,SAAA,EAAA,CAAA,qBAAA,EAAA,WAAA,CAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,eAAe,mDAOZ,eAAe,CAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,EAAA,WAAA,EAOf,eAAe,CAAA,EAAA,IAAA,EAAA,CAAA,gBAAA,EAAA,MAAA,EAOpB,gBAAgB,CAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,qBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FArDpD,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAvBtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,yBAAyB,EAAE,WAAW;AACzC,qBAAA;AACD,oBAAA,cAAc,EAAE;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,0BAA0B;AACrC,4BAAA,MAAM,EAAE;gCACJ,sCAAsC;gCACtC,wCAAwC;gCACxC,0CAA0C;gCAC1C,oCAAoC;gCACpC,0CAA0C;gCAC1C,0CAA0C;gCAC1C,kCAAkC;gCAClC,gCAAgC;gCAChC,0CAA0C;AAC7C,6BAAA;AACJ,yBAAA;AACJ,qBAAA;AACJ,iBAAA,CAAA;8BAe0D,WAAW,EAAA,CAAA;sBAAjE,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAMgB,QAAQ,EAAA,CAAA;sBAA5E,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAMrC,SAAS,EAAA,CAAA;sBAAtC,KAAK;uBAAC,qBAAqB,CAAA;gBAMsC,MAAM,EAAA,CAAA;sBAAvE,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;gBAOK,SAAS,EAAA,CAAA;sBAA7E,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;gBAOE,SAAS,EAAA,CAAA;sBAA7E,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;gBAOF,IAAI,EAAA,CAAA;sBAApE,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAOjC,SAAS,EAAA,CAAA;sBAAtC,KAAK;uBAAC,qBAAqB,CAAA;gBAmB5B,IAAI,EAAA,CAAA;sBAFH,YAAY;uBAAC,YAAY,CAAA;;sBACzB,YAAY;uBAAC,OAAO,CAAA;gBAWrB,IAAI,EAAA,CAAA;sBAHH,YAAY;uBAAC,YAAY,CAAA;;sBACzB,YAAY;uBAAC,MAAM,CAAA;;sBACnB,YAAY;uBAAC,uBAAuB,CAAA;;;AC3HzC;;AAEG;AACH,IAAI,QAAQ,GAAG,CAAC,CAAC;MAWJ,mBAAmB,CAAA;AAThC,IAAA,WAAA,GAAA;AAUI;;AAEG;QACc,IAAO,CAAA,OAAA,GAAG,oBAAoB,EAAE,CAAC;AAElD;;AAEG;AACM,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,YAAA,EAAe,QAAQ,EAAE,EAAE,CAAC;AAW7C,KAAA;IATG,QAAQ,GAAA;QACJ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACtC;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,IAAI,IAAI,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACtC;KACJ;8GAnBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,YAAY;oBACtB,cAAc,EAAE,CAAC,mBAAmB,CAAC;AACrC,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,SAAS;AAClB,qBAAA;AACJ,iBAAA,CAAA;8BAUY,EAAE,EAAA,CAAA;sBAAV,KAAK;;;AC7BV;;AAEG;;;;"}

package/fesm2022/radix-ng-primitives-visually-hidden.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, ElementRef, Directive } from '@angular/core';
 
-class VisuallyHiddenDirective {
+class RdxVisuallyHiddenDirective {
     constructor() {
         /**
          * Access the element.
@@ -30,10 +30,10 @@ class VisuallyHiddenDirective {
             left: 0
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: VisuallyHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: VisuallyHiddenDirective, isStandalone: true, selector: "[rdxVisuallyHidden]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxVisuallyHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxVisuallyHiddenDirective, isStandalone: true, selector: "[rdxVisuallyHidden]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: VisuallyHiddenDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxVisuallyHiddenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxVisuallyHidden]',
@@ -45,5 +45,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { VisuallyHiddenDirective };
+export { RdxVisuallyHiddenDirective };
 //# sourceMappingURL=radix-ng-primitives-visually-hidden.mjs.map

package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-visually-hidden.mjs","sources":["../../../packages/primitives/visually-hidden/src/visually-hidden.directive.ts","../../../packages/primitives/visually-hidden/radix-ng-primitives-visually-hidden.ts"],"sourcesContent":["import { Directive, ElementRef, OnInit, inject } from '@angular/core';\n\n@Directive({\n    selector: '[rdxVisuallyHidden]',\n    standalone: true\n})\nexport class VisuallyHiddenDirective implements OnInit {\n    /**\n     * Access the element.\n     */\n    private readonly element = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    ngOnInit(): void {\n        // hide the element\n        Object.assign(this.element.nativeElement.style, {\n            position: 'absolute',\n            border: 0,\n            width: '1px',\n            height: '1px',\n            padding: 0,\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0, 0, 0, 0)',\n            whiteSpace: 'nowrap',\n            wordWrap: 'normal',\n            // Avoid browsers rendering the focus ring in some cases.\n            outline: 'none',\n            appearance: 'none',\n            // Avoid some cases where the browser will still render the native controls\n            '-webkit-appearance': 'none',\n            '-moz-appearance': 'none',\n            left: 0\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,uBAAuB,CAAA;AAJpC,IAAA,WAAA,GAAA;AAKI;;AAEG;AACc,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;AAwB1E,KAAA;IAtBG,QAAQ,GAAA;;QAEJ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE;AAC5C,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,QAAQ,EAAE,QAAQ;;AAElB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,MAAM;;AAElB,YAAA,oBAAoB,EAAE,MAAM;AAC5B,YAAA,iBAAiB,EAAE,MAAM;AACzB,YAAA,IAAI,EAAE,CAAC;AACV,SAAA,CAAC,CAAC;KACN;8GA3BQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA,CAAA;;;ACLD;;AAEG;;;;"}
+{"version":3,"file":"radix-ng-primitives-visually-hidden.mjs","sources":["../../../packages/primitives/visually-hidden/src/visually-hidden.directive.ts","../../../packages/primitives/visually-hidden/radix-ng-primitives-visually-hidden.ts"],"sourcesContent":["import { Directive, ElementRef, inject, OnInit } from '@angular/core';\n\n@Directive({\n    selector: '[rdxVisuallyHidden]',\n    standalone: true\n})\nexport class RdxVisuallyHiddenDirective implements OnInit {\n    /**\n     * Access the element.\n     */\n    private readonly element = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    ngOnInit(): void {\n        // hide the element\n        Object.assign(this.element.nativeElement.style, {\n            position: 'absolute',\n            border: 0,\n            width: '1px',\n            height: '1px',\n            padding: 0,\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0, 0, 0, 0)',\n            whiteSpace: 'nowrap',\n            wordWrap: 'normal',\n            // Avoid browsers rendering the focus ring in some cases.\n            outline: 'none',\n            appearance: 'none',\n            // Avoid some cases where the browser will still render the native controls\n            '-webkit-appearance': 'none',\n            '-moz-appearance': 'none',\n            left: 0\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,0BAA0B,CAAA;AAJvC,IAAA,WAAA,GAAA;AAKI;;AAEG;AACc,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;AAwB1E,KAAA;IAtBG,QAAQ,GAAA;;QAEJ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE;AAC5C,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,QAAQ,EAAE,QAAQ;;AAElB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,MAAM;;AAElB,YAAA,oBAAoB,EAAE,MAAM;AAC5B,YAAA,iBAAiB,EAAE,MAAM;AACzB,YAAA,IAAI,EAAE,CAAC;AACV,SAAA,CAAC,CAAC;KACN;8GA3BQ,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA,CAAA;;;ACLD;;AAEG;;;;"}

package/label/src/label.directive.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class LabelDirective {
+export declare class RdxLabelDirective {
     private el;
     /**
      * The id of the element the label is associated with.
@@ -9,6 +9,6 @@ export declare class LabelDirective {
     htmlFor: string;
     constructor(el: ElementRef);
     onMouseDown(event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LabelDirective, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LabelDirective, "label[rdxLabel]", never, { "htmlFor": { "alias": "htmlFor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxLabelDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxLabelDirective, "label[rdxLabel]", never, { "htmlFor": { "alias": "htmlFor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/overlay/README.md

@@ -0,0 +1 @@
+# @radix-ng/primitives/overlay

package/overlay/index.d.ts

@@ -0,0 +1,4 @@
+export * from './src/overlay-arrow.directive';
+export * from './src/overlay-trigger.directive';
+export * from './src/overlay-trigger.token';
+export * from './src/overlay.directive';

package/overlay/src/overlay-arrow.directive.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Placement } from '@floating-ui/dom';
+import * as i0 from "@angular/core";
+export declare class RdxOverlayArrowDirective implements OnInit, OnDestroy {
+    /**
+     * Access the arrow element
+     */
+    readonly elementRef: ElementRef<any>;
+    /**
+     * Access the overlay trigger
+     */
+    private readonly overlayTrigger;
+    /**
+     * Register the arrow on init
+     * @internal
+     */
+    ngOnInit(): void;
+    /**
+     * Unregister the arrow on destroy
+     * @internal
+     */
+    ngOnDestroy(): void;
+    /**
+     * Define the position of the arrow.
+     */
+    setPosition(placement: Placement, arrowX?: number, arrowY?: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxOverlayArrowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxOverlayArrowDirective, "[rdxOverlayArrow]", never, {}, {}, never, never, true, never>;
+}

package/overlay/src/overlay-arrow.token.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import type { RdxOverlayArrowDirective } from './overlay-arrow.directive';
+export declare const RdxOverlayArrowToken: InjectionToken<RdxOverlayArrowDirective>;