ng-primitives 0.53.0 → 0.55.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.53.0",
+  "version": "0.55.0",
   "keywords": [
     "angular",
     "primitives",
@@ -75,10 +75,6 @@
       "types": "./autofill/index.d.ts",
       "default": "./fesm2022/ng-primitives-autofill.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/ng-primitives-button.mjs"
-    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/ng-primitives-avatar.mjs"
@@ -87,6 +83,10 @@
       "types": "./checkbox/index.d.ts",
       "default": "./fesm2022/ng-primitives-checkbox.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/ng-primitives-button.mjs"
+    },
     "./combobox": {
       "types": "./combobox/index.d.ts",
       "default": "./fesm2022/ng-primitives-combobox.mjs"
@@ -167,14 +167,14 @@
       "types": "./radio/index.d.ts",
       "default": "./fesm2022/ng-primitives-radio.mjs"
     },
-    "./resize": {
-      "types": "./resize/index.d.ts",
-      "default": "./fesm2022/ng-primitives-resize.mjs"
-    },
     "./roving-focus": {
       "types": "./roving-focus/index.d.ts",
       "default": "./fesm2022/ng-primitives-roving-focus.mjs"
     },
+    "./resize": {
+      "types": "./resize/index.d.ts",
+      "default": "./fesm2022/ng-primitives-resize.mjs"
+    },
     "./search": {
       "types": "./search/index.d.ts",
       "default": "./fesm2022/ng-primitives-search.mjs"
@@ -223,13 +223,13 @@
       "types": "./toolbar/index.d.ts",
       "default": "./fesm2022/ng-primitives-toolbar.mjs"
     },
-    "./tooltip": {
-      "types": "./tooltip/index.d.ts",
-      "default": "./fesm2022/ng-primitives-tooltip.mjs"
-    },
     "./utils": {
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/ng-primitives-utils.mjs"
+    },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "default": "./fesm2022/ng-primitives-tooltip.mjs"
     }
   },
   "module": "fesm2022/ng-primitives.mjs",

package/portal/overlay-token.d.ts

@@ -1,12 +1,12 @@
-import { ValueProvider } from '@angular/core';
+import { Signal, ValueProvider } from '@angular/core';
 /**
  * Injects the context for the overlay.
  * @internal
  */
-export declare function injectOverlayContext<T>(): T;
+export declare function injectOverlayContext<T>(): Signal<T>;
 /**
  * Provides the context for the overlay.
  * @param value The value to provide as the context.
  * @internal
  */
-export declare function provideOverlayContext<T>(value: T): ValueProvider;
+export declare function provideOverlayContext<T>(value: Signal<T | undefined> | undefined): ValueProvider;

package/portal/overlay.d.ts

@@ -1,5 +1,5 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
-import { Injector, Provider, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+import { Injector, Provider, Signal, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { Middleware, Placement, Strategy } from '@floating-ui/dom';
 import { Subject } from 'rxjs';
 /**
@@ -16,7 +16,7 @@ export interface NgpOverlayConfig<T = unknown> {
     /** ViewContainerRef to use for creating the portal */
     viewContainerRef: ViewContainerRef;
     /** Context data to pass to the overlay content */
-    context?: T | null;
+    context?: Signal<T | undefined>;
     /** Container element to attach the overlay to (defaults to document.body) */
     container?: HTMLElement | null;
     /** Preferred placement of the overlay relative to the trigger */
@@ -76,7 +76,7 @@ export declare class NgpOverlay<T = unknown> {
      * Determine if the overlay has been positioned
      * @internal
      */
-    readonly isPositioned: import("@angular/core").Signal<boolean>;
+    readonly isPositioned: Signal<boolean>;
     /** Signal tracking the trigger element width */
     readonly triggerWidth: import("@angular/core").WritableSignal<number | null>;
     /** The transform origin for the overlay */

package/schematics/ng-generate/templates/popover/popover.__fileSuffix@dasherize__.ts.template

@@ -5,7 +5,7 @@ import { injectPopoverContext, NgpPopover } from 'ng-primitives/popover';
   selector: '<%= prefix %>-popover',
   hostDirectives: [NgpPopover],
   template: `
-    {{ content }}
+    {{ content() }}
   `,
   styles: `
 /* These styles rely on CSS variables that can be imported from ng-primitives/example-theme/index.css in your global styles */

package/schematics/ng-generate/templates/tooltip/tooltip.__fileSuffix@dasherize__.ts.template

@@ -5,7 +5,7 @@ import { injectTooltipContext, NgpTooltip } from 'ng-primitives/tooltip';
   selector: '<%= prefix %>-tooltip',
   hostDirectives: [NgpTooltip],
   template: `
-    {{ content }}
+    {{ content() }}
   `,
   styles: `
 /* These styles rely on CSS variables that can be imported from ng-primitives/example-theme/index.css in your global styles */

package/utils/index.d.ts

@@ -5,3 +5,4 @@ export { injectDisposables } from './helpers/disposables';
 export { uniqueId } from './helpers/unique-id';
 export { onBooleanChange, onChange } from './signals';
 export { injectDimensions } from './ui/dimensions';
+export { safeTakeUntilDestroyed } from './observables/take-until-destroyed';

package/utils/observables/take-until-destroyed.d.ts

@@ -0,0 +1,10 @@
+import { DestroyRef } from '@angular/core';
+import { MonoTypeOperatorFunction } from 'rxjs';
+/**
+ * The built-in `takeUntilDestroyed` operator does not handle the case when the component is destroyed before the source observable emits.
+ * This operator ensures that the source observable completes gracefully without throwing an error.
+ * https://github.com/angular/angular/issues/54527#issuecomment-2098254508
+ *
+ * @internal
+ */
+export declare function safeTakeUntilDestroyed<T>(destroyRef?: DestroyRef): MonoTypeOperatorFunction<T>;