ng-primitives 0.56.0 → 0.57.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "ng-primitives",
   "description": "Angular Primitives is a low-level headless UI component library with a focus on accessibility, customization, and developer experience. ",
   "license": "Apache-2.0",
-  "version": "0.56.0",
+  "version": "0.57.0",
   "keywords": [
     "angular",
     "primitives",
@@ -71,22 +71,22 @@
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/ng-primitives-accordion.mjs"
     },
-    "./autofill": {
-      "types": "./autofill/index.d.ts",
-      "default": "./fesm2022/ng-primitives-autofill.mjs"
-    },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/ng-primitives-avatar.mjs"
-    },
     "./button": {
       "types": "./button/index.d.ts",
       "default": "./fesm2022/ng-primitives-button.mjs"
     },
+    "./autofill": {
+      "types": "./autofill/index.d.ts",
+      "default": "./fesm2022/ng-primitives-autofill.mjs"
+    },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
       "default": "./fesm2022/ng-primitives-checkbox.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/ng-primitives-avatar.mjs"
+    },
     "./combobox": {
       "types": "./combobox/index.d.ts",
       "default": "./fesm2022/ng-primitives-combobox.mjs"
@@ -155,14 +155,14 @@
       "types": "./popover/index.d.ts",
       "default": "./fesm2022/ng-primitives-popover.mjs"
     },
-    "./progress": {
-      "types": "./progress/index.d.ts",
-      "default": "./fesm2022/ng-primitives-progress.mjs"
-    },
     "./portal": {
       "types": "./portal/index.d.ts",
       "default": "./fesm2022/ng-primitives-portal.mjs"
     },
+    "./progress": {
+      "types": "./progress/index.d.ts",
+      "default": "./fesm2022/ng-primitives-progress.mjs"
+    },
     "./radio": {
       "types": "./radio/index.d.ts",
       "default": "./fesm2022/ng-primitives-radio.mjs"

package/popover/index.d.ts

@@ -1,5 +1,6 @@
 export { injectOverlayContext as injectPopoverContext } from 'ng-primitives/portal';
 export { NgpPopoverConfig, providePopoverConfig } from './config/popover-config';
+export { NgpPopoverArrow } from './popover-arrow/popover-arrow';
 export { NgpPopoverTrigger } from './popover-trigger/popover-trigger';
 export { injectPopoverTriggerState, providePopoverTriggerState, } from './popover-trigger/popover-trigger-state';
 export { NgpPopover } from './popover/popover';

package/popover/popover-arrow/popover-arrow.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class NgpPopoverArrow {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpPopoverArrow, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpPopoverArrow, "[ngpPopoverArrow]", ["ngpPopoverArrow"], {}, {}, never, never, true, never>;
+}

package/portal/index.d.ts

@@ -1,4 +1,5 @@
 export { createOverlay, injectOverlay, NgpOverlay, NgpOverlayConfig, NgpOverlayContent, NgpOverlayTemplateContext, } from './overlay';
+export { setupOverlayArrow } from './overlay-arrow';
 export { injectOverlayContext, provideOverlayContext } from './overlay-token';
 export { createPortal, NgpComponentPortal, NgpPortal, NgpTemplatePortal } from './portal';
 export { BlockScrollStrategy, NoopScrollStrategy, ScrollStrategy } from './scroll-strategy';

package/portal/overlay-arrow.d.ts

@@ -0,0 +1 @@
+export declare function setupOverlayArrow(): void;

package/portal/overlay.d.ts

@@ -93,6 +93,13 @@ export declare class NgpOverlay<T = unknown> {
     private scrollStrategy;
     /** An observable that emits when the overlay is closing */
     readonly closing: Subject<void>;
+    /** Store the arrow element */
+    private arrowElement;
+    /** @internal The position of the arrow */
+    readonly arrowPosition: import("@angular/core").WritableSignal<{
+        x: number | undefined;
+        y: number | undefined;
+    }>;
     /**
      * Creates a new overlay instance
      * @param config Initial configuration for the overlay
@@ -154,6 +161,16 @@ export declare class NgpOverlay<T = unknown> {
      * Get the transform origin for the overlay
      */
     private getTransformOrigin;
+    /**
+     * Register the arrow element for positioning
+     * @internal
+     */
+    registerArrow(arrowElement: HTMLElement | null): void;
+    /**
+     * Remove the registered arrow element
+     * @internal
+     */
+    unregisterArrow(): void;
 }
 /**
  * Helper function to create an overlay in a single call

package/tabs/tab-button/tab-button.d.ts

@@ -1,11 +1,11 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "ng-primitives/roving-focus";
 /**
  * Apply the `ngpTabButton` directive to an element within a tab list to represent a tab button. This directive should be applied to a button element.
  */
-export declare class NgpTabButton implements OnInit {
+export declare class NgpTabButton implements OnInit, OnDestroy {
     /**
      * Access the tag host name
      */
@@ -44,6 +44,7 @@ export declare class NgpTabButton implements OnInit {
     readonly active: import("@angular/core").Signal<boolean>;
     constructor();
     ngOnInit(): void;
+    ngOnDestroy(): void;
     /**
      * Select the tab this trigger controls
      */
@@ -53,5 +54,5 @@ export declare class NgpTabButton implements OnInit {
      */
     protected activateOnFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpTabButton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTabButton, "[ngpTabButton]", ["ngpTabButton"], { "value": { "alias": "ngpTabButtonValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpTabButtonDisabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpRovingFocusItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTabButton, "[ngpTabButton]", ["ngpTabButton"], { "value": { "alias": "ngpTabButtonValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpTabButtonDisabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpRovingFocusItem; inputs: { "ngpRovingFocusItemDisabled": "ngpTabButtonDisabled"; }; outputs: {}; }]>;
 }

package/tabs/tab-panel/tab-panel.d.ts

@@ -1,9 +1,9 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Apply the `ngpTabPanel` directive to an element that represents the content of a tab.
  */
-export declare class NgpTabPanel implements OnInit, OnDestroy {
+export declare class NgpTabPanel implements OnInit {
     /**
      * Access the tabset
      */
@@ -32,7 +32,6 @@ export declare class NgpTabPanel implements OnInit, OnDestroy {
      */
     protected readonly active: import("@angular/core").Signal<boolean>;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpTabPanel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTabPanel, "[ngpTabPanel]", ["ngpTabPanel"], { "value": { "alias": "ngpTabPanelValue"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/tabs/tabset/tabset.d.ts

@@ -1,6 +1,6 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { NgpOrientation } from 'ng-primitives/common';
-import type { NgpTabPanel } from '../tab-panel/tab-panel';
+import type { NgpTabButton } from '../tab-button/tab-button';
 import * as i0 from "@angular/core";
 import * as i1 from "ng-primitives/roving-focus";
 /**
@@ -40,7 +40,7 @@ export declare class NgpTabset {
      * Access the tabs within the tabset
      * @internal
      */
-    readonly panels: import("@angular/core").WritableSignal<NgpTabPanel[]>;
+    readonly buttons: import("@angular/core").WritableSignal<NgpTabButton[]>;
     /**
      * @internal
      * Get the id of the selected tab
@@ -60,12 +60,12 @@ export declare class NgpTabset {
      * @internal
      * Register a tab with the tabset
      */
-    registerTab(tab: NgpTabPanel): void;
+    registerTab(tab: NgpTabButton): void;
     /**
      * @internal
      * Unregister a tab with the tabset
      */
-    unregisterTab(tab: NgpTabPanel): void;
+    unregisterTab(tab: NgpTabButton): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpTabset, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTabset, "[ngpTabset]", ["ngpTabset"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpTabsetValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpTabsetOrientation"; "required": false; "isSignal": true; }; "activateOnFocus": { "alias": "ngpTabsetActivateOnFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpTabsetValueChange"; }, never, never, true, [{ directive: typeof i1.NgpRovingFocusGroup; inputs: {}; outputs: {}; }]>;
 }

package/tooltip/index.d.ts

@@ -3,3 +3,4 @@ export { NgpTooltipConfig, provideTooltipConfig } from './config/tooltip-config'
 export { NgpTooltipTrigger } from './tooltip-trigger/tooltip-trigger';
 export { injectTooltipTriggerState, provideTooltipTriggerState, } from './tooltip-trigger/tooltip-trigger-state';
 export { NgpTooltip } from './tooltip/tooltip';
+export { NgpTooltipArrow } from './tooltip-arrow/tooltip-arrow';

package/tooltip/tooltip-arrow/tooltip-arrow.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class NgpTooltipArrow {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpTooltipArrow, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTooltipArrow, "[ngpTooltipArrow]", ["ngpTooltipArrow"], {}, {}, never, never, true, never>;
+}