ng-primitives 0.40.0 → 0.41.0

package/fesm2022/ng-primitives-file-upload.mjs

@@ -4,6 +4,35 @@ import { inject, ElementRef, input, booleanAttribute, output, signal, HostListen
 import { setupHover, setupInteractions } from 'ng-primitives/internal';
 import { createStateToken, createStateProvider, createStateInjector, createState } from 'ng-primitives/state';
 
+function fileDropFilter(fileList, acceptedTypes, multiple) {
+    const validFiles = Array.from(fileList).filter(file => isFileTypeAccepted(file, acceptedTypes));
+    const limitedFiles = multiple ? validFiles : validFiles.slice(0, 1);
+    return limitedFiles.length > 0 ? filesToFileList(limitedFiles) : null;
+}
+function isFileTypeAccepted(file, acceptedTypes) {
+    // allow all file types if no types are specified
+    if (!acceptedTypes || acceptedTypes.length === 0)
+        return true;
+    const mimeType = file.type;
+    const fileName = file.name.toLowerCase();
+    return acceptedTypes.some(type => {
+        type = type.toLowerCase();
+        if (type.startsWith('.')) {
+            return fileName.endsWith(type);
+        }
+        if (type.endsWith('/*')) {
+            const baseType = type.replace('/*', '');
+            return mimeType.startsWith(baseType);
+        }
+        return mimeType === type;
+    });
+}
+function filesToFileList(files) {
+    const dataTransfer = new DataTransfer();
+    files.forEach(file => dataTransfer.items.add(file));
+    return dataTransfer.files;
+}
+
 /**
  * The state token  for the FileDropzone primitive.
  */
@@ -65,6 +94,12 @@ class NgpFileDropzone {
         this.selected = output({
             alias: 'ngpFileDropzoneSelected',
         });
+        /**
+         * Emits when uploaded files are rejected because they do not match the allowed {@link fileTypes}.
+         */
+        this.rejected = output({
+            alias: 'ngpFileDropzoneRejected',
+        });
         /**
          * Emits when the user drags a file over the file upload.
          */
@@ -118,12 +153,19 @@ class NgpFileDropzone {
         event.preventDefault();
         this.isDragOver.set(false);
         this.dragOver.emit(false);
-        if (event.dataTransfer?.files) {
-            this.selected.emit(event.dataTransfer.files);
+        const fileList = event.dataTransfer?.files;
+        if (fileList) {
+            const filteredFiles = fileDropFilter(fileList, this.state.fileTypes(), this.state.multiple());
+            if (filteredFiles) {
+                this.selected.emit(filteredFiles);
+            }
+            else {
+                this.rejected.emit();
+            }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpFileDropzone, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: NgpFileDropzone, isStandalone: true, selector: "[ngpFileDropzone]", inputs: { fileTypes: { classPropertyName: "fileTypes", publicName: "ngpFileDropzoneFileTypes", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "ngpFileDropzoneMultiple", isSignal: true, isRequired: false, transformFunction: null }, directory: { classPropertyName: "directory", publicName: "ngpFileDropzoneDirectory", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpFileDropzoneDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "ngpFileDropzoneSelected", dragOver: "ngpFileDropzoneDragOver" }, host: { listeners: { "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "attr.data-dragover": "isDragOver() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [provideFileDropzoneState()], exportAs: ["ngpFileDropzone"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: NgpFileDropzone, isStandalone: true, selector: "[ngpFileDropzone]", inputs: { fileTypes: { classPropertyName: "fileTypes", publicName: "ngpFileDropzoneFileTypes", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "ngpFileDropzoneMultiple", isSignal: true, isRequired: false, transformFunction: null }, directory: { classPropertyName: "directory", publicName: "ngpFileDropzoneDirectory", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpFileDropzoneDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "ngpFileDropzoneSelected", rejected: "ngpFileDropzoneRejected", dragOver: "ngpFileDropzoneDragOver" }, host: { listeners: { "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "attr.data-dragover": "isDragOver() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [provideFileDropzoneState()], exportAs: ["ngpFileDropzone"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpFileDropzone, decorators: [{
             type: Directive,
@@ -219,11 +261,17 @@ class NgpFileUpload {
             alias: 'ngpFileUploadSelected',
         });
         /**
-         * Emits when the user selects files.
+         * Emits when the user cancel the file selection.
          */
         this.canceled = output({
             alias: 'ngpFileUploadCanceled',
         });
+        /**
+         * Emits when uploaded files are rejected because they do not match the allowed {@link fileTypes}.
+         */
+        this.rejected = output({
+            alias: 'ngpFileUploadRejected',
+        });
         /**
          * Emits when the user drags a file over the file upload.
          */
@@ -305,12 +353,19 @@ class NgpFileUpload {
         event.preventDefault();
         this.isDragOver.set(false);
         this.dragOver.emit(false);
-        if (event.dataTransfer?.files) {
-            this.selected.emit(event.dataTransfer.files);
+        const fileList = event.dataTransfer?.files;
+        if (fileList) {
+            const filteredFiles = fileDropFilter(fileList, this.state.fileTypes(), this.state.multiple());
+            if (filteredFiles) {
+                this.selected.emit(filteredFiles);
+            }
+            else {
+                this.rejected.emit();
+            }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpFileUpload, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: NgpFileUpload, isStandalone: true, selector: "[ngpFileUpload]", inputs: { fileTypes: { classPropertyName: "fileTypes", publicName: "ngpFileUploadFileTypes", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "ngpFileUploadMultiple", isSignal: true, isRequired: false, transformFunction: null }, directory: { classPropertyName: "directory", publicName: "ngpFileUploadDirectory", isSignal: true, isRequired: false, transformFunction: null }, dragAndDrop: { classPropertyName: "dragAndDrop", publicName: "ngpFileUploadDragDrop", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpFileUploadDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "ngpFileUploadSelected", canceled: "ngpFileUploadCanceled", dragOver: "ngpFileUploadDragOver" }, host: { listeners: { "click": "showFileDialog()", "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "attr.data-disabled": "state.disabled() ? \"\" : null", "attr.data-dragover": "isDragOver() ? \"\" : null" } }, providers: [provideFileUploadState()], exportAs: ["ngpFileUpload"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: NgpFileUpload, isStandalone: true, selector: "[ngpFileUpload]", inputs: { fileTypes: { classPropertyName: "fileTypes", publicName: "ngpFileUploadFileTypes", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "ngpFileUploadMultiple", isSignal: true, isRequired: false, transformFunction: null }, directory: { classPropertyName: "directory", publicName: "ngpFileUploadDirectory", isSignal: true, isRequired: false, transformFunction: null }, dragAndDrop: { classPropertyName: "dragAndDrop", publicName: "ngpFileUploadDragDrop", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpFileUploadDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "ngpFileUploadSelected", canceled: "ngpFileUploadCanceled", rejected: "ngpFileUploadRejected", dragOver: "ngpFileUploadDragOver" }, host: { listeners: { "click": "showFileDialog()", "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "attr.data-disabled": "state.disabled() ? \"\" : null", "attr.data-dragover": "isDragOver() ? \"\" : null" } }, providers: [provideFileUploadState()], exportAs: ["ngpFileUpload"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpFileUpload, decorators: [{
             type: Directive,

package/fesm2022/ng-primitives-file-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-file-upload.mjs","sources":["../../../../packages/ng-primitives/file-upload/src/file-dropzone/file-dropzone-state.ts","../../../../packages/ng-primitives/file-upload/src/file-dropzone/file-dropzone.ts","../../../../packages/ng-primitives/file-upload/src/file-upload/file-upload-state.ts","../../../../packages/ng-primitives/file-upload/src/file-upload/file-upload.ts","../../../../packages/ng-primitives/file-upload/src/ng-primitives-file-upload.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFileDropzone } from './file-dropzone';\n\n/**\n * The state token  for the FileDropzone primitive.\n */\nexport const NgpFileDropzoneStateToken = createStateToken<NgpFileDropzone>('FileDropzone');\n\n/**\n * Provides the FileDropzone state.\n */\nexport const provideFileDropzoneState = createStateProvider(NgpFileDropzoneStateToken);\n\n/**\n * Injects the FileDropzone state.\n */\nexport const injectFileDropzoneState = createStateInjector(NgpFileDropzoneStateToken);\n\n/**\n * The FileDropzone state registration function.\n */\nexport const fileDropzoneState = createState(NgpFileDropzoneStateToken);\n","import { BooleanInput, coerceStringArray } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { setupHover } from 'ng-primitives/internal';\nimport { fileDropzoneState, provideFileDropzoneState } from './file-dropzone-state';\n\n/**\n * Capture files dropped on the element.\n */\n@Directive({\n  selector: '[ngpFileDropzone]',\n  exportAs: 'ngpFileDropzone',\n  providers: [provideFileDropzoneState()],\n  host: {\n    '[attr.data-dragover]': 'isDragOver() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class NgpFileDropzone {\n  /**\n   * Access the host element.\n   */\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * The accepted file types. This can be an array of strings or a comma-separated string.\n   * Accepted types can either be file extensions (e.g. `.jpg`) or MIME types (e.g. `image/jpeg`).\n   */\n  readonly fileTypes = input<string[], string | string[]>(undefined, {\n    alias: 'ngpFileDropzoneFileTypes',\n    transform: types => coerceStringArray(types, ','),\n  });\n\n  /**\n   * Whether to allow multiple files to be selected.\n   */\n  readonly multiple = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileDropzoneMultiple',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether to allow the user to select directories.\n   */\n  readonly directory = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileDropzoneDirectory',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether the file upload is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileDropzoneDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Emits when the user selects files.\n   */\n  readonly selected = output<FileList | null>({\n    alias: 'ngpFileDropzoneSelected',\n  });\n\n  /**\n   * Emits when the user drags a file over the file upload.\n   */\n  readonly dragOver = output<boolean>({\n    alias: 'ngpFileDropzoneDragOver',\n  });\n\n  /**\n   * Whether the user is currently dragging a file over the file upload.\n   */\n  protected readonly isDragOver = signal<boolean>(false);\n\n  /**\n   * The file upload state.\n   */\n  private readonly state = fileDropzoneState<NgpFileDropzone>(this);\n\n  constructor() {\n    setupHover({ disabled: this.state.disabled });\n  }\n\n  @HostListener('dragenter', ['$event'])\n  protected onDragEnter(event: DragEvent): void {\n    if (this.state.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver.set(true);\n    this.dragOver.emit(true);\n  }\n\n  @HostListener('dragover', ['$event'])\n  protected onDragOver(event: DragEvent): void {\n    if (this.state.disabled()) {\n      return;\n    }\n\n    event.stopPropagation();\n    event.preventDefault();\n    this.isDragOver.set(true);\n  }\n\n  @HostListener('dragleave', ['$event'])\n  protected onDragLeave(event: DragEvent): void {\n    if (this.state.disabled() || !this.isDragOver()) {\n      return;\n    }\n\n    // if the element we are dragging over is a child of the file upload, ignore the event\n    if (this.elementRef.nativeElement.contains(event.relatedTarget as Node)) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver.set(false);\n    this.dragOver.emit(false);\n  }\n\n  @HostListener('drop', ['$event'])\n  protected onDrop(event: DragEvent): void {\n    if (this.state.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    this.isDragOver.set(false);\n    this.dragOver.emit(false);\n\n    if (event.dataTransfer?.files) {\n      this.selected.emit(event.dataTransfer.files);\n    }\n  }\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFileUpload } from './file-upload';\n\n/**\n * The state token  for the FileUpload primitive.\n */\nexport const NgpFileUploadStateToken = createStateToken<NgpFileUpload>('FileUpload');\n\n/**\n * Provides the FileUpload state.\n */\nexport const provideFileUploadState = createStateProvider(NgpFileUploadStateToken);\n\n/**\n * Injects the FileUpload state.\n */\nexport const injectFileUploadState = createStateInjector(NgpFileUploadStateToken);\n\n/**\n * The FileUpload state registration function.\n */\nexport const fileUploadState = createState(NgpFileUploadStateToken);\n","import { BooleanInput, coerceStringArray } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { setupInteractions } from 'ng-primitives/internal';\nimport { fileUploadState, provideFileUploadState } from './file-upload-state';\n\n/**\n * A directive that allows you to turn any element into a file upload trigger.\n */\n@Directive({\n  selector: '[ngpFileUpload]',\n  exportAs: 'ngpFileUpload',\n  providers: [provideFileUploadState()],\n  host: {\n    '[attr.data-disabled]': 'state.disabled() ? \"\" : null',\n    '[attr.data-dragover]': 'isDragOver() ? \"\" : null',\n  },\n})\nexport class NgpFileUpload {\n  /**\n   * Access the host element.\n   */\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * The accepted file types. This can be an array of strings or a comma-separated string.\n   * Accepted types can either be file extensions (e.g. `.jpg`) or MIME types (e.g. `image/jpeg`).\n   */\n  readonly fileTypes = input<string[], string | string[]>(undefined, {\n    alias: 'ngpFileUploadFileTypes',\n    transform: types => coerceStringArray(types, ','),\n  });\n\n  /**\n   * Whether to allow multiple files to be selected.\n   */\n  readonly multiple = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileUploadMultiple',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether to allow the user to select directories.\n   */\n  readonly directory = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileUploadDirectory',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether drag-and-drop is enabled.\n   */\n  readonly dragAndDrop = input<boolean, BooleanInput>(true, {\n    alias: 'ngpFileUploadDragDrop',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether the file upload is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileUploadDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Emits when the user selects files.\n   */\n  readonly selected = output<FileList | null>({\n    alias: 'ngpFileUploadSelected',\n  });\n\n  /**\n   * Emits when the user selects files.\n   */\n  readonly canceled = output<void>({\n    alias: 'ngpFileUploadCanceled',\n  });\n\n  /**\n   * Emits when the user drags a file over the file upload.\n   */\n  readonly dragOver = output<boolean>({\n    alias: 'ngpFileUploadDragOver',\n  });\n\n  /**\n   * Whether the user is currently dragging a file over the file upload.\n   */\n  protected readonly isDragOver = signal<boolean>(false);\n\n  /**\n   * Store the file input element.\n   */\n  private input: HTMLInputElement = document.createElement('input');\n\n  /**\n   * The file upload state.\n   */\n  protected readonly state = fileUploadState<NgpFileUpload>(this);\n\n  constructor() {\n    setupInteractions({\n      hover: true,\n      press: true,\n      focusVisible: true,\n      disabled: this.state.disabled,\n    });\n    this.input.type = 'file';\n    this.input.addEventListener('change', () => {\n      this.selected.emit(this.input.files);\n      // clear the input value to allow re-uploading the same file\n      this.input.value = '';\n    });\n    this.input.addEventListener('cancel', () => this.canceled.emit());\n  }\n\n  @HostListener('click')\n  protected showFileDialog(): void {\n    if (this.state.disabled()) {\n      return;\n    }\n\n    const fileTypes = this.state.fileTypes()?.join(',');\n\n    if (fileTypes) {\n      this.input.accept = fileTypes;\n    }\n\n    this.input.multiple = this.state.multiple();\n    this.input.webkitdirectory = this.state.directory();\n    this.input.click();\n  }\n\n  @HostListener('dragenter', ['$event'])\n  protected onDragEnter(event: DragEvent): void {\n    if (this.state.disabled() || !this.state.dragAndDrop()) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver.set(true);\n    this.dragOver.emit(true);\n  }\n\n  @HostListener('dragover', ['$event'])\n  protected onDragOver(event: DragEvent): void {\n    if (this.state.disabled() || !this.state.dragAndDrop()) {\n      return;\n    }\n\n    event.stopPropagation();\n    event.preventDefault();\n    this.isDragOver.set(true);\n  }\n\n  @HostListener('dragleave', ['$event'])\n  protected onDragLeave(event: DragEvent): void {\n    if (this.state.disabled() || !this.state.dragAndDrop() || !this.isDragOver()) {\n      return;\n    }\n\n    // if the element we are dragging over is a child of the file upload, ignore the event\n    if (this.elementRef.nativeElement.contains(event.relatedTarget as Node)) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver.set(false);\n    this.dragOver.emit(false);\n  }\n\n  @HostListener('drop', ['$event'])\n  protected onDrop(event: DragEvent): void {\n    if (this.state.disabled() || !this.state.dragAndDrop()) {\n      return;\n    }\n\n    event.preventDefault();\n    this.isDragOver.set(false);\n    this.dragOver.emit(false);\n\n    if (event.dataTransfer?.files) {\n      this.selected.emit(event.dataTransfer.files);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-file-upload.mjs","sources":["../../../../packages/ng-primitives/file-upload/src/file-dropzone/file-drop-filter.ts","../../../../packages/ng-primitives/file-upload/src/file-dropzone/file-dropzone-state.ts","../../../../packages/ng-primitives/file-upload/src/file-dropzone/file-dropzone.ts","../../../../packages/ng-primitives/file-upload/src/file-upload/file-upload-state.ts","../../../../packages/ng-primitives/file-upload/src/file-upload/file-upload.ts","../../../../packages/ng-primitives/file-upload/src/ng-primitives-file-upload.ts"],"sourcesContent":["export function fileDropFilter(\n  fileList: FileList,\n  acceptedTypes: string[] | undefined,\n  multiple: boolean,\n) {\n  const validFiles = Array.from(fileList).filter(file => isFileTypeAccepted(file, acceptedTypes));\n\n  const limitedFiles = multiple ? validFiles : validFiles.slice(0, 1);\n\n  return limitedFiles.length > 0 ? filesToFileList(limitedFiles) : null;\n}\n\nexport function isFileTypeAccepted(file: File, acceptedTypes: string[] | undefined) {\n  // allow all file types if no types are specified\n  if (!acceptedTypes || acceptedTypes.length === 0) return true;\n\n  const mimeType = file.type;\n  const fileName = file.name.toLowerCase();\n\n  return acceptedTypes.some(type => {\n    type = type.toLowerCase();\n\n    if (type.startsWith('.')) {\n      return fileName.endsWith(type);\n    }\n\n    if (type.endsWith('/*')) {\n      const baseType = type.replace('/*', '');\n      return mimeType.startsWith(baseType);\n    }\n\n    return mimeType === type;\n  });\n}\n\nfunction filesToFileList(files: File[]): FileList {\n  const dataTransfer = new DataTransfer();\n  files.forEach(file => dataTransfer.items.add(file));\n  return dataTransfer.files;\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFileDropzone } from './file-dropzone';\n\n/**\n * The state token  for the FileDropzone primitive.\n */\nexport const NgpFileDropzoneStateToken = createStateToken<NgpFileDropzone>('FileDropzone');\n\n/**\n * Provides the FileDropzone state.\n */\nexport const provideFileDropzoneState = createStateProvider(NgpFileDropzoneStateToken);\n\n/**\n * Injects the FileDropzone state.\n */\nexport const injectFileDropzoneState = createStateInjector(NgpFileDropzoneStateToken);\n\n/**\n * The FileDropzone state registration function.\n */\nexport const fileDropzoneState = createState(NgpFileDropzoneStateToken);\n","import { BooleanInput, coerceStringArray } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { setupHover } from 'ng-primitives/internal';\nimport { fileDropFilter } from './file-drop-filter';\nimport { fileDropzoneState, provideFileDropzoneState } from './file-dropzone-state';\n\n/**\n * Capture files dropped on the element.\n */\n@Directive({\n  selector: '[ngpFileDropzone]',\n  exportAs: 'ngpFileDropzone',\n  providers: [provideFileDropzoneState()],\n  host: {\n    '[attr.data-dragover]': 'isDragOver() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class NgpFileDropzone {\n  /**\n   * Access the host element.\n   */\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * The accepted file types. This can be an array of strings or a comma-separated string.\n   * Accepted types can either be file extensions (e.g. `.jpg`) or MIME types (e.g. `image/jpeg`).\n   */\n  readonly fileTypes = input<string[], string | string[]>(undefined, {\n    alias: 'ngpFileDropzoneFileTypes',\n    transform: types => coerceStringArray(types, ','),\n  });\n\n  /**\n   * Whether to allow multiple files to be selected.\n   */\n  readonly multiple = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileDropzoneMultiple',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether to allow the user to select directories.\n   */\n  readonly directory = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileDropzoneDirectory',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether the file upload is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileDropzoneDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Emits when the user selects files.\n   */\n  readonly selected = output<FileList | null>({\n    alias: 'ngpFileDropzoneSelected',\n  });\n\n  /**\n   * Emits when uploaded files are rejected because they do not match the allowed {@link fileTypes}.\n   */\n  readonly rejected = output<void>({\n    alias: 'ngpFileDropzoneRejected',\n  });\n\n  /**\n   * Emits when the user drags a file over the file upload.\n   */\n  readonly dragOver = output<boolean>({\n    alias: 'ngpFileDropzoneDragOver',\n  });\n\n  /**\n   * Whether the user is currently dragging a file over the file upload.\n   */\n  protected readonly isDragOver = signal<boolean>(false);\n\n  /**\n   * The file upload state.\n   */\n  private readonly state = fileDropzoneState<NgpFileDropzone>(this);\n\n  constructor() {\n    setupHover({ disabled: this.state.disabled });\n  }\n\n  @HostListener('dragenter', ['$event'])\n  protected onDragEnter(event: DragEvent): void {\n    if (this.state.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver.set(true);\n    this.dragOver.emit(true);\n  }\n\n  @HostListener('dragover', ['$event'])\n  protected onDragOver(event: DragEvent): void {\n    if (this.state.disabled()) {\n      return;\n    }\n\n    event.stopPropagation();\n    event.preventDefault();\n    this.isDragOver.set(true);\n  }\n\n  @HostListener('dragleave', ['$event'])\n  protected onDragLeave(event: DragEvent): void {\n    if (this.state.disabled() || !this.isDragOver()) {\n      return;\n    }\n\n    // if the element we are dragging over is a child of the file upload, ignore the event\n    if (this.elementRef.nativeElement.contains(event.relatedTarget as Node)) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver.set(false);\n    this.dragOver.emit(false);\n  }\n\n  @HostListener('drop', ['$event'])\n  protected onDrop(event: DragEvent): void {\n    if (this.state.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    this.isDragOver.set(false);\n    this.dragOver.emit(false);\n\n    const fileList = event.dataTransfer?.files;\n    if (fileList) {\n      const filteredFiles = fileDropFilter(fileList, this.state.fileTypes(), this.state.multiple());\n\n      if (filteredFiles) {\n        this.selected.emit(filteredFiles);\n      } else {\n        this.rejected.emit();\n      }\n    }\n  }\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFileUpload } from './file-upload';\n\n/**\n * The state token  for the FileUpload primitive.\n */\nexport const NgpFileUploadStateToken = createStateToken<NgpFileUpload>('FileUpload');\n\n/**\n * Provides the FileUpload state.\n */\nexport const provideFileUploadState = createStateProvider(NgpFileUploadStateToken);\n\n/**\n * Injects the FileUpload state.\n */\nexport const injectFileUploadState = createStateInjector(NgpFileUploadStateToken);\n\n/**\n * The FileUpload state registration function.\n */\nexport const fileUploadState = createState(NgpFileUploadStateToken);\n","import { BooleanInput, coerceStringArray } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { setupInteractions } from 'ng-primitives/internal';\nimport { fileDropFilter } from '../file-dropzone/file-drop-filter';\nimport { fileUploadState, provideFileUploadState } from './file-upload-state';\n\n/**\n * A directive that allows you to turn any element into a file upload trigger.\n */\n@Directive({\n  selector: '[ngpFileUpload]',\n  exportAs: 'ngpFileUpload',\n  providers: [provideFileUploadState()],\n  host: {\n    '[attr.data-disabled]': 'state.disabled() ? \"\" : null',\n    '[attr.data-dragover]': 'isDragOver() ? \"\" : null',\n  },\n})\nexport class NgpFileUpload {\n  /**\n   * Access the host element.\n   */\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * The accepted file types. This can be an array of strings or a comma-separated string.\n   * Accepted types can either be file extensions (e.g. `.jpg`) or MIME types (e.g. `image/jpeg`).\n   */\n  readonly fileTypes = input<string[], string | string[]>(undefined, {\n    alias: 'ngpFileUploadFileTypes',\n    transform: types => coerceStringArray(types, ','),\n  });\n\n  /**\n   * Whether to allow multiple files to be selected.\n   */\n  readonly multiple = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileUploadMultiple',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether to allow the user to select directories.\n   */\n  readonly directory = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileUploadDirectory',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether drag-and-drop is enabled.\n   */\n  readonly dragAndDrop = input<boolean, BooleanInput>(true, {\n    alias: 'ngpFileUploadDragDrop',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether the file upload is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFileUploadDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Emits when the user selects files.\n   */\n  readonly selected = output<FileList | null>({\n    alias: 'ngpFileUploadSelected',\n  });\n\n  /**\n   * Emits when the user cancel the file selection.\n   */\n  readonly canceled = output<void>({\n    alias: 'ngpFileUploadCanceled',\n  });\n\n  /**\n   * Emits when uploaded files are rejected because they do not match the allowed {@link fileTypes}.\n   */\n  readonly rejected = output<void>({\n    alias: 'ngpFileUploadRejected',\n  });\n\n  /**\n   * Emits when the user drags a file over the file upload.\n   */\n  readonly dragOver = output<boolean>({\n    alias: 'ngpFileUploadDragOver',\n  });\n\n  /**\n   * Whether the user is currently dragging a file over the file upload.\n   */\n  protected readonly isDragOver = signal<boolean>(false);\n\n  /**\n   * Store the file input element.\n   */\n  private input: HTMLInputElement = document.createElement('input');\n\n  /**\n   * The file upload state.\n   */\n  protected readonly state = fileUploadState<NgpFileUpload>(this);\n\n  constructor() {\n    setupInteractions({\n      hover: true,\n      press: true,\n      focusVisible: true,\n      disabled: this.state.disabled,\n    });\n    this.input.type = 'file';\n    this.input.addEventListener('change', () => {\n      this.selected.emit(this.input.files);\n      // clear the input value to allow re-uploading the same file\n      this.input.value = '';\n    });\n    this.input.addEventListener('cancel', () => this.canceled.emit());\n  }\n\n  @HostListener('click')\n  protected showFileDialog(): void {\n    if (this.state.disabled()) {\n      return;\n    }\n\n    const fileTypes = this.state.fileTypes()?.join(',');\n\n    if (fileTypes) {\n      this.input.accept = fileTypes;\n    }\n\n    this.input.multiple = this.state.multiple();\n    this.input.webkitdirectory = this.state.directory();\n    this.input.click();\n  }\n\n  @HostListener('dragenter', ['$event'])\n  protected onDragEnter(event: DragEvent): void {\n    if (this.state.disabled() || !this.state.dragAndDrop()) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver.set(true);\n    this.dragOver.emit(true);\n  }\n\n  @HostListener('dragover', ['$event'])\n  protected onDragOver(event: DragEvent): void {\n    if (this.state.disabled() || !this.state.dragAndDrop()) {\n      return;\n    }\n\n    event.stopPropagation();\n    event.preventDefault();\n    this.isDragOver.set(true);\n  }\n\n  @HostListener('dragleave', ['$event'])\n  protected onDragLeave(event: DragEvent): void {\n    if (this.state.disabled() || !this.state.dragAndDrop() || !this.isDragOver()) {\n      return;\n    }\n\n    // if the element we are dragging over is a child of the file upload, ignore the event\n    if (this.elementRef.nativeElement.contains(event.relatedTarget as Node)) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver.set(false);\n    this.dragOver.emit(false);\n  }\n\n  @HostListener('drop', ['$event'])\n  protected onDrop(event: DragEvent): void {\n    if (this.state.disabled() || !this.state.dragAndDrop()) {\n      return;\n    }\n\n    event.preventDefault();\n    this.isDragOver.set(false);\n    this.dragOver.emit(false);\n\n    const fileList = event.dataTransfer?.files;\n    if (fileList) {\n      const filteredFiles = fileDropFilter(fileList, this.state.fileTypes(), this.state.multiple());\n\n      if (filteredFiles) {\n        this.selected.emit(filteredFiles);\n      } else {\n        this.rejected.emit();\n      }\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/ng-primitives-popover.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ViewContainerRef, Injector, input, booleanAttribute, numberAttribute, signal, computed, ComponentRef, TemplateRef, Type, Directive } from '@angular/core';
+import { InjectionToken, inject, ViewContainerRef, Injector, input, booleanAttribute, numberAttribute, signal, computed, Directive } from '@angular/core';
 import { FocusMonitor, InteractivityChecker } from '@angular/cdk/a11y';
 import { ViewportRuler, BlockScrollStrategy, NoopScrollStrategy } from '@angular/cdk/overlay';
-import { TemplatePortal, ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';
 import { DOCUMENT } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { offset, shift, flip, autoUpdate, computePosition } from '@floating-ui/dom';
 import * as i2 from 'ng-primitives/internal';
 import { injectElementRef, injectExitAnimationManager, provideExitAnimationManager, NgpExitAnimation } from 'ng-primitives/internal';
+import { createPortal } from 'ng-primitives/portal';
 import { fromResizeEvent } from 'ng-primitives/resize';
 import { injectDisposables } from 'ng-primitives/utils';
 import { createStateToken, createStateProvider, createStateInjector, createState } from 'ng-primitives/state';
@@ -219,11 +219,11 @@ class NgpPopoverTrigger {
         /**
          * Store the popover view ref.
          */
-        this.viewRef = signal(null);
+        this.viewRef = signal(undefined);
         /**
          * Determines if the popover is open.
          */
-        this.open = computed(() => this.viewRef() !== null);
+        this.open = computed(() => this.viewRef()?.getAttached() ?? false);
         /**
          * Derive the popover middleware from the provided configuration.
          */
@@ -344,7 +344,7 @@ class NgpPopoverTrigger {
         const target = event.target;
         const viewRef = this.viewRef();
         // get the popover element
-        const popoverElement = viewRef instanceof ComponentRef ? viewRef.location.nativeElement : viewRef?.rootNodes[0];
+        const popoverElement = viewRef?.getElements()[0];
         // Check if the click is outside the trigger or the popover
         const isOutside = !this.trigger.nativeElement.contains(target) && !popoverElement?.contains(target);
         // Determine if this is a click inside another popover
@@ -357,36 +357,27 @@ class NgpPopoverTrigger {
         // clear the open timeout
         this.openTimeout = undefined;
         const popover = this.state.popover();
-        let portal;
+        if (!popover) {
+            throw new Error('Popover must be either a TemplateRef or a ComponentType');
+        }
         // Create a new inject with the tooltip context
         const injector = Injector.create({
             parent: this.injector,
             providers: [providePopoverContext(this.state.context())],
         });
-        if (popover instanceof TemplateRef) {
-            portal = new TemplatePortal(popover, this.viewContainerRef, { $implicit: this.state.context() }, injector);
-        }
-        else if (popover instanceof Type) {
-            portal = new ComponentPortal(popover, this.viewContainerRef, injector);
-        }
-        else {
-            throw new Error('Popover must be either a TemplateRef or a ComponentType');
-        }
-        const domOutlet = new DomPortalOutlet(this.state.container() ?? this.document.body, undefined, undefined, injector);
-        const viewRef = domOutlet.attach(portal);
+        const portal = createPortal(popover, this.viewContainerRef, injector, {
+            $implicit: this.state.context(),
+        });
+        const viewRef = portal.attach(this.state.container() ?? this.document.body);
         this.viewRef.set(viewRef);
-        let outletElement = null;
-        if (viewRef instanceof ComponentRef) {
-            viewRef.changeDetectorRef.detectChanges();
-            outletElement = viewRef.location.nativeElement;
-        }
-        else if (viewRef) {
-            viewRef.detectChanges();
-            outletElement = viewRef.rootNodes[0];
-        }
+        viewRef.detectChanges();
+        const outletElement = viewRef.getElements()[0];
         if (!outletElement) {
             throw new Error('Outlet element is not available.');
         }
+        if (viewRef.getElements().length > 1) {
+            throw new Error('Popover must have only one root element.');
+        }
         // determine if the popover is fixed or absolute
         const strategy = getComputedStyle(outletElement).position === 'fixed' ? 'fixed' : 'absolute';
         this.dispose = autoUpdate(this.trigger.nativeElement, outletElement, async () => {
@@ -413,10 +404,9 @@ class NgpPopoverTrigger {
         // we remove this to prevent the popover from being destroyed twice
         // because ngOnDestroy will be called on the viewRef
         // when the popover is destroyed triggering this method again
-        this.viewRef.set(null);
-        await this.exitAnimationState.exit();
+        this.viewRef.set(undefined);
         // destroy the view ref
-        viewRef.destroy();
+        viewRef.detach();
         this.dispose?.();
         // deactivate the scroll strategy
         this.scrollStrategy().disable();

package/fesm2022/ng-primitives-popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-popover.mjs","sources":["../../../../packages/ng-primitives/popover/src/config/popover-config.ts","../../../../packages/ng-primitives/popover/src/popover/popover-token.ts","../../../../packages/ng-primitives/popover/src/popover-trigger/popover-trigger-state.ts","../../../../packages/ng-primitives/popover/src/popover-trigger/popover-trigger.ts","../../../../packages/ng-primitives/popover/src/utils/transform-origin.ts","../../../../packages/ng-primitives/popover/src/popover/popover.ts","../../../../packages/ng-primitives/popover/src/ng-primitives-popover.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { type Placement } from '@floating-ui/dom';\n\nexport interface NgpPopoverConfig {\n  /**\n   * Define the offset of the popover relative to the trigger.\n   * @default 4\n   */\n  offset: number;\n\n  /**\n   * Define the placement of the popover relative to the trigger.\n   * @default 'bottom'\n   */\n  placement: Placement;\n\n  /**\n   * Define the delay before the popover is shown.\n   * @default 0\n   */\n  showDelay: number;\n\n  /**\n   * Define the delay before the popover is hidden.\n   * @default 0\n   */\n  hideDelay: number;\n\n  /**\n   * Define whether the popover should flip when there is not enough space for the popover.\n   * @default true\n   */\n  flip: boolean;\n\n  /**\n   * Define the container in to which the popover should be attached.\n   * @default document.body\n   */\n  container: HTMLElement | null;\n\n  /**\n   * Define whether the popover should close when clicking outside of it.\n   * @default true\n   */\n  closeOnOutsideClick: boolean;\n\n  /**\n   * Define whether the popover should close when the escape key is pressed.\n   * @default true\n   */\n  closeOnEscape: boolean;\n\n  /**\n   * Defines how the popover behaves when the window is scrolled.\n   * @default scroll\n   */\n  scrollBehavior: 'reposition' | 'block';\n}\n\nexport const defaultPopoverConfig: NgpPopoverConfig = {\n  offset: 4,\n  placement: 'bottom',\n  showDelay: 0,\n  hideDelay: 0,\n  flip: true,\n  container: null,\n  closeOnOutsideClick: true,\n  closeOnEscape: true,\n  scrollBehavior: 'reposition',\n};\n\nexport const NgpPopoverConfigToken = new InjectionToken<NgpPopoverConfig>('NgpPopoverConfigToken');\n\n/**\n * Provide the default Popover configuration\n * @param config The Popover configuration\n * @returns The provider\n */\nexport function providePopoverConfig(config: Partial<NgpPopoverConfig>): Provider[] {\n  return [\n    {\n      provide: NgpPopoverConfigToken,\n      useValue: { ...defaultPopoverConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Popover configuration\n * @returns The global Popover configuration\n */\nexport function injectPopoverConfig(): NgpPopoverConfig {\n  return inject(NgpPopoverConfigToken, { optional: true }) ?? defaultPopoverConfig;\n}\n","import { inject, InjectionToken, ValueProvider } from '@angular/core';\n\nexport const NgpPopoverContextToken = new InjectionToken<unknown>('NgpPopoverContextToken');\n\n/**\n * Inject the Popover context\n */\nexport function injectPopoverContext<T>(): T {\n  return inject(NgpPopoverContextToken) as T;\n}\n\n/**\n * Provide the Popover context\n */\nexport function providePopoverContext<T>(context: T): ValueProvider {\n  return { provide: NgpPopoverContextToken, useValue: context };\n}\n","import { InjectOptions, Signal } from '@angular/core';\nimport {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n  State,\n} from 'ng-primitives/state';\nimport type { NgpPopoverTrigger } from './popover-trigger';\n\n/**\n * The state token  for the PopoverTrigger primitive.\n */\nexport const NgpPopoverTriggerStateToken = createStateToken<NgpPopoverTrigger>('PopoverTrigger');\n\n/**\n * Provides the PopoverTrigger state.\n */\nexport const providePopoverTriggerState = createStateProvider(NgpPopoverTriggerStateToken);\n\n/**\n * Injects the PopoverTrigger state.\n */\nexport const injectPopoverTriggerState = createStateInjector<NgpPopoverTrigger>(\n  NgpPopoverTriggerStateToken,\n) as <T>(options?: InjectOptions) => Signal<State<NgpPopoverTrigger<T>>>;\n\n/**\n * The PopoverTrigger state registration function.\n */\nexport const popoverTriggerState = createState(NgpPopoverTriggerStateToken);\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { BlockScrollStrategy, NoopScrollStrategy, ViewportRuler } from '@angular/cdk/overlay';\nimport { ComponentPortal, DomPortalOutlet, TemplatePortal } from '@angular/cdk/portal';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  booleanAttribute,\n  ComponentRef,\n  computed,\n  Directive,\n  EmbeddedViewRef,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  OnDestroy,\n  signal,\n  TemplateRef,\n  Type,\n  ViewContainerRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  autoUpdate,\n  computePosition,\n  flip,\n  Middleware,\n  offset,\n  Placement,\n  shift,\n} from '@floating-ui/dom';\nimport {\n  injectElementRef,\n  injectExitAnimationManager,\n  provideExitAnimationManager,\n} from 'ng-primitives/internal';\nimport { fromResizeEvent } from 'ng-primitives/resize';\nimport { injectDisposables } from 'ng-primitives/utils';\nimport { injectPopoverConfig } from '../config/popover-config';\nimport type { NgpPopover } from '../popover/popover';\nimport { providePopoverContext } from '../popover/popover-token';\nimport {\n  injectPopoverTriggerState,\n  popoverTriggerState,\n  providePopoverTriggerState,\n} from './popover-trigger-state';\n\n/**\n * Apply the `ngpPopoverTrigger` directive to an element that triggers the popover to show.\n */\n@Directive({\n  selector: '[ngpPopoverTrigger]',\n  exportAs: 'ngpPopoverTrigger',\n  providers: [providePopoverTriggerState({ inherit: false }), provideExitAnimationManager()],\n  host: {\n    '[attr.aria-expanded]': 'open() ? \"true\" : \"false\"',\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-placement]': 'state.placement()',\n    '(click)': 'toggleOpenState($event)',\n    '(document:keydown.escape)': 'handleEscapeKey()',\n  },\n})\nexport class NgpPopoverTrigger<T = null> implements OnDestroy {\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = injectElementRef();\n\n  /**\n   * Access the exit animation state.\n   */\n  private readonly exitAnimationState = injectExitAnimationManager();\n\n  /**\n   * Inject the parent popover trigger if available.\n   */\n  private readonly parentTrigger = injectPopoverTriggerState<T>({\n    skipSelf: true,\n    optional: true,\n  });\n\n  /**\n   * Access the view container ref.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the document.\n   */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Access the viewport ruler.\n   */\n  private readonly viewportRuler = inject(ViewportRuler);\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the global popover configuration.\n   */\n  private readonly config = injectPopoverConfig();\n\n  /**\n   * Access the disposable utilities\n   */\n  private readonly disposables = injectDisposables();\n\n  /**\n   * Access the focus monitor.\n   */\n  private readonly focusMonitor = inject(FocusMonitor);\n\n  /**\n   * Access the popover template ref.\n   */\n  readonly popover = input<NgpPopoverContent<T> | null>(null, {\n    alias: 'ngpPopoverTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpPopoverTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the popover relative to the trigger.\n   * @default 'top'\n   */\n  readonly placement = input<Placement>(this.config.placement, {\n    alias: 'ngpPopoverTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the popover relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(this.config.offset, {\n    alias: 'ngpPopoverTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the popover is displayed.\n   * @default 0\n   */\n  readonly showDelay = input<number, NumberInput>(this.config.showDelay, {\n    alias: 'ngpPopoverTriggerShowDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the popover is hidden.\n   * @default 0\n   */\n  readonly hideDelay = input<number, NumberInput>(this.config.hideDelay, {\n    alias: 'ngpPopoverTriggerHideDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the popover should flip when there is not enough space for the popover.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(this.config.flip, {\n    alias: 'ngpPopoverTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the container in which the popover should be attached.\n   * @default document.body\n   */\n  readonly container = input<HTMLElement | null>(this.config.container, {\n    alias: 'ngpPopoverTriggerContainer',\n  });\n\n  /**\n   * Define whether the popover should close when clicking outside of it.\n   * @default true\n   */\n  readonly closeOnOutsideClick = input<boolean, BooleanInput>(this.config.closeOnOutsideClick, {\n    alias: 'ngpPopoverTriggerCloseOnOutsideClick',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define whether the popover should close when the escape key is pressed.\n   * @default true\n   */\n  readonly closeOnEscape = input<boolean, BooleanInput>(this.config.closeOnEscape, {\n    alias: 'ngpPopoverTriggerCloseOnEscape',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Defines how the popover behaves when the window is scrolled.\n   * @default 'reposition'\n   */\n  readonly scrollBehavior = input<'reposition' | 'block'>(this.config.scrollBehavior, {\n    alias: 'ngpPopoverTriggerScrollBehavior',\n  });\n\n  /**\n   * Provide context to the popover.\n   * @default null\n   */\n  readonly context = input<T | null>(null, {\n    alias: 'ngpPopoverTriggerContext',\n  });\n\n  /**\n   * Store the popover view ref.\n   */\n  protected readonly viewRef = signal<ComponentRef<unknown> | EmbeddedViewRef<void> | null>(null);\n\n  /**\n   * Determines if the popover is open.\n   */\n  readonly open = computed(() => this.viewRef() !== null);\n\n  /**\n   * Derive the popover middleware from the provided configuration.\n   */\n  private readonly middleware = computed(() => {\n    const middleware: Middleware[] = [offset(this.state.offset()), shift()];\n\n    if (this.state.flip()) {\n      middleware.push(flip());\n    }\n\n    return middleware;\n  });\n\n  /**\n   * Store the computed position of the popover.\n   * @internal\n   */\n  readonly position = signal<{ x: number; y: number }>({\n    x: 0,\n    y: 0,\n  });\n\n  /**\n   * @internal\n   * Store the trigger width.\n   */\n  readonly width = signal<number | null>(null);\n\n  /**\n   * The dispose function to stop computing the position of the popover.\n   */\n  private dispose?: () => void;\n\n  /**\n   * A document-wide click listener that checks if the click\n   * occurred outside of the popover and trigger elements.\n   */\n  private documentClickListener?: (event: MouseEvent) => void;\n\n  /**\n   * Store the popover instance.\n   * @internal\n   */\n  private popoverInstance: NgpPopover | null = null;\n\n  /**\n   * Get the scroll strategy based on the configuration.\n   */\n  private readonly scrollStrategy = computed(() =>\n    this.state.scrollBehavior() === 'block'\n      ? new BlockScrollStrategy(this.viewportRuler, this.document)\n      : new NoopScrollStrategy(),\n  );\n\n  /**\n   * @internal\n   * Register any child popover to the stack.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  readonly stack: NgpPopoverTrigger<any>[] = [];\n\n  /**\n   * @internal\n   * The timeout to open the popover.\n   */\n  private openTimeout?: () => void;\n\n  /**\n   * @internal\n   * The timeout to close the popover.\n   */\n  private closeTimeout?: () => void;\n\n  /**\n   * The popover trigger state.\n   */\n  readonly state = popoverTriggerState<NgpPopoverTrigger<T>>(this);\n\n  constructor() {\n    // if the trigger has a parent trigger then register it to the stack\n    this.parentTrigger()?.stack.push(this);\n\n    // update the width of the trigger when it resizes\n    fromResizeEvent(this.trigger.nativeElement)\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => this.width.set(this.trigger.nativeElement.offsetWidth));\n  }\n\n  ngOnDestroy(): void {\n    // remove the trigger from the parent trigger's stack\n    this.parentTrigger()?.stack.splice(this.parentTrigger()?.stack.indexOf(this), 1);\n\n    this.destroyPopover();\n  }\n\n  protected toggleOpenState(event: MouseEvent): void {\n    // if the trigger is disabled then do not toggle the popover\n    if (this.state.disabled()) {\n      return;\n    }\n\n    // determine the origin of the event, 0 is keyboard, 1 is mouse\n    const origin: FocusOrigin = event.detail === 0 ? 'keyboard' : 'mouse';\n\n    // if the popover is open then hide it\n    if (this.open()) {\n      this.hide(origin);\n    } else {\n      this.show(origin);\n    }\n  }\n\n  /**\n   * Show the popover.\n   */\n  show(origin: FocusOrigin): void {\n    // if closing is in progress then clear the timeout to stop the popover from closing\n    this.closeTimeout?.();\n\n    // if the trigger is disabled or the popover is already open then do not show the popover\n    if (this.state.disabled() || this.openTimeout) {\n      return;\n    }\n\n    this.openTimeout = this.disposables.setTimeout(() => {\n      this.openTimeout = undefined;\n      this.createPopover(origin);\n    }, this.state.showDelay());\n\n    // Add document click listener to detect outside clicks\n    if (this.state.closeOnOutsideClick()) {\n      this.documentClickListener = this.onDocumentClick.bind(this);\n      this.document.addEventListener('mouseup', this.documentClickListener, true);\n    }\n  }\n\n  /**\n   * @internal\n   * Hide the popover.\n   */\n  hide(origin: FocusOrigin = 'program'): void {\n    // if opening is in progress then clear the timeout to stop the popover from opening\n    this.openTimeout?.();\n\n    // if the trigger is disabled or the popover is not open then do not hide the popover\n    if (this.state.disabled() || this.closeTimeout || !this.open()) {\n      return;\n    }\n\n    // we must disable the focus trap before closing the popover, otherwise\n    // focus will be moved back to the popover rather than the trigger\n    this.popoverInstance?.disableFocusTrap();\n\n    // close all child popovers\n    for (const child of this.stack) {\n      child.hide(origin);\n    }\n\n    // ensure the trigger is focused after closing the popover\n    this.focusTrigger(origin);\n\n    this.closeTimeout = this.disposables.setTimeout(async () => {\n      this.closeTimeout = undefined;\n\n      await this.destroyPopover();\n    }, this.state.hideDelay());\n  }\n\n  private onDocumentClick(event: MouseEvent): void {\n    const target = event.target as HTMLElement;\n\n    const viewRef = this.viewRef();\n\n    // get the popover element\n    const popoverElement =\n      viewRef instanceof ComponentRef ? viewRef.location.nativeElement : viewRef?.rootNodes[0];\n\n    // Check if the click is outside the trigger or the popover\n    const isOutside =\n      !this.trigger.nativeElement.contains(target) && !popoverElement?.contains(target);\n\n    // Determine if this is a click inside another popover\n\n    if (isOutside) {\n      // Close the popover\n      this.hide('mouse');\n    }\n  }\n\n  private createPopover(origin: FocusOrigin): void {\n    // clear the open timeout\n    this.openTimeout = undefined;\n\n    const popover = this.state.popover();\n\n    let portal: TemplatePortal | ComponentPortal<unknown>;\n\n    // Create a new inject with the tooltip context\n    const injector = Injector.create({\n      parent: this.injector,\n      providers: [providePopoverContext(this.state.context())],\n    });\n\n    if (popover instanceof TemplateRef) {\n      portal = new TemplatePortal<NgpPopoverTemplateContext<T>>(\n        popover,\n        this.viewContainerRef,\n        { $implicit: this.state.context() } as NgpPopoverTemplateContext<T>,\n        injector,\n      );\n    } else if (popover instanceof Type) {\n      portal = new ComponentPortal(popover, this.viewContainerRef, injector);\n    } else {\n      throw new Error('Popover must be either a TemplateRef or a ComponentType');\n    }\n\n    const domOutlet = new DomPortalOutlet(\n      this.state.container() ?? this.document.body,\n      undefined,\n      undefined,\n      injector,\n    );\n\n    const viewRef = domOutlet.attach(portal);\n    this.viewRef.set(viewRef);\n\n    let outletElement: HTMLElement | null = null;\n\n    if (viewRef instanceof ComponentRef) {\n      viewRef.changeDetectorRef.detectChanges();\n      outletElement = viewRef.location.nativeElement;\n    } else if (viewRef) {\n      viewRef.detectChanges();\n      outletElement = viewRef.rootNodes[0] as HTMLElement;\n    }\n\n    if (!outletElement) {\n      throw new Error('Outlet element is not available.');\n    }\n\n    // determine if the popover is fixed or absolute\n    const strategy = getComputedStyle(outletElement).position === 'fixed' ? 'fixed' : 'absolute';\n\n    this.dispose = autoUpdate(this.trigger.nativeElement, outletElement, async () => {\n      const position = await computePosition(this.trigger.nativeElement, outletElement, {\n        placement: this.state.placement(),\n        middleware: this.middleware(),\n        strategy,\n      });\n\n      this.position.set({ x: position.x, y: position.y });\n      viewRef?.detectChanges();\n    });\n\n    // activate the scroll strategy\n    this.scrollStrategy().enable();\n\n    // set the initial focus to the first tabbable element in the popover\n    this.popoverInstance?.setInitialFocus(origin);\n  }\n\n  private async destroyPopover(): Promise<void> {\n    // clear the close timeout\n    this.closeTimeout = undefined;\n\n    const viewRef = this.viewRef();\n\n    if (!viewRef) {\n      return;\n    }\n\n    // we remove this to prevent the popover from being destroyed twice\n    // because ngOnDestroy will be called on the viewRef\n    // when the popover is destroyed triggering this method again\n    this.viewRef.set(null);\n\n    await this.exitAnimationState.exit();\n\n    // destroy the view ref\n    viewRef.destroy();\n\n    this.dispose?.();\n\n    // deactivate the scroll strategy\n    this.scrollStrategy().disable();\n\n    // Remove the document click listener when the popover is hidden\n    if (this.documentClickListener) {\n      this.document.removeEventListener('mouseup', this.documentClickListener, true);\n    }\n  }\n\n  /**\n   * @internal\n   * Handle escape key press to close the popover.\n   */\n  protected handleEscapeKey(): void {\n    if (this.state.closeOnEscape()) {\n      this.hide('keyboard');\n    }\n  }\n\n  private focusTrigger(origin: FocusOrigin): void {\n    this.focusMonitor.focusVia(this.trigger.nativeElement, origin);\n  }\n\n  /**\n   * Set the popover instance.\n   * @internal\n   */\n  setPopover(instance: NgpPopover): void {\n    this.popoverInstance = instance;\n  }\n}\n\ntype NgpPopoverTemplateContext<T> = {\n  $implicit: T;\n};\ntype NgpPopoverContent<T> = TemplateRef<NgpPopoverTemplateContext<T>> | Type<unknown>;\n","import type { Placement } from '@floating-ui/dom';\n\nexport function getTransformOrigin(placement: Placement): string {\n  const basePlacement = placement.split('-')[0]; // Extract \"top\", \"bottom\", etc.\n  const alignment = placement.split('-')[1]; // Extract \"start\" or \"end\"\n\n  const map: Record<string, string> = {\n    top: 'bottom',\n    bottom: 'top',\n    left: 'right',\n    right: 'left',\n  };\n\n  let x = 'center';\n  let y = 'center';\n\n  if (basePlacement === 'top' || basePlacement === 'bottom') {\n    y = map[basePlacement];\n    if (alignment === 'start') x = 'left';\n    else if (alignment === 'end') x = 'right';\n  } else {\n    x = map[basePlacement];\n    if (alignment === 'start') y = 'top';\n    else if (alignment === 'end') y = 'bottom';\n  }\n\n  return `${y} ${x}`;\n}\n","import { FocusMonitor, FocusOrigin, InteractivityChecker } from '@angular/cdk/a11y';\nimport { computed, Directive, inject } from '@angular/core';\nimport { injectFocusTrapState, NgpFocusTrap } from 'ng-primitives/focus-trap';\nimport { injectElementRef, NgpExitAnimation } from 'ng-primitives/internal';\nimport { injectPopoverTriggerState } from '../popover-trigger/popover-trigger-state';\nimport { getTransformOrigin } from '../utils/transform-origin';\n\n/**\n * Apply the `ngpPopover` directive to an element that represents the popover. This typically would be a `div` inside an `ng-template`.\n */\n@Directive({\n  selector: '[ngpPopover]',\n  exportAs: 'ngpPopover',\n  hostDirectives: [NgpFocusTrap, NgpExitAnimation],\n  host: {\n    role: 'menu',\n    '[style.left.px]': 'x()',\n    '[style.top.px]': 'y()',\n    '[style.--ngp-popover-trigger-width.px]': 'trigger().width()',\n    '[style.--ngp-popover-transform-origin]': 'transformOrigin()',\n    '(keydown.escape)': 'trigger().handleEscapeKey()',\n  },\n})\nexport class NgpPopover {\n  /**\n   * Access the popover element.\n   */\n  private readonly popover = injectElementRef();\n\n  /**\n   * Access the focus trap.\n   */\n  private readonly focusTrap = injectFocusTrapState();\n\n  /**\n   * Access the interactivity checker.\n   */\n  private readonly interactivity = inject(InteractivityChecker);\n\n  /**\n   * Access the focus monitor.\n   */\n  private readonly focusMonitor = inject(FocusMonitor);\n\n  /**\n   * Access the trigger instance.\n   */\n  protected readonly trigger = injectPopoverTriggerState();\n\n  /**\n   * Compute the x position of the popover.\n   */\n  protected readonly x = computed(() => this.trigger().position().x);\n\n  /**\n   * Compute the y position of the popover.\n   */\n  protected readonly y = computed(() => this.trigger().position().y);\n\n  /**\n   * Derive the transform origin of the popover.\n   */\n  protected readonly transformOrigin = computed(() =>\n    getTransformOrigin(this.trigger().placement()),\n  );\n\n  constructor() {\n    this.trigger().setPopover(this);\n  }\n\n  /**\n   * Focus the first tabbable element inside the popover.\n   * If no tabbable element is found, focus the popover itself.\n   * @internal\n   */\n  setInitialFocus(origin: FocusOrigin): void {\n    // use a tree walker to find the first tabbable child\n    const treeWalker = document.createTreeWalker(\n      this.popover.nativeElement,\n      NodeFilter.SHOW_ELEMENT,\n      {\n        acceptNode: node =>\n          node instanceof HTMLElement && this.interactivity.isTabbable(node)\n            ? NodeFilter.FILTER_ACCEPT\n            : NodeFilter.FILTER_SKIP,\n      },\n    );\n\n    const tabbableNode = treeWalker.nextNode() as HTMLElement | null;\n\n    if (tabbableNode) {\n      this.focusMonitor.focusVia(tabbableNode, origin);\n    } else {\n      // if no tabbable child is found, focus the popover element itself\n      this.popover.nativeElement.focus();\n    }\n  }\n\n  /**\n   * Disable the focus trap.\n   * @internal\n   */\n  disableFocusTrap(): void {\n    this.focusTrap().disabled.set(true);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-popover.mjs","sources":["../../../../packages/ng-primitives/popover/src/config/popover-config.ts","../../../../packages/ng-primitives/popover/src/popover/popover-token.ts","../../../../packages/ng-primitives/popover/src/popover-trigger/popover-trigger-state.ts","../../../../packages/ng-primitives/popover/src/popover-trigger/popover-trigger.ts","../../../../packages/ng-primitives/popover/src/utils/transform-origin.ts","../../../../packages/ng-primitives/popover/src/popover/popover.ts","../../../../packages/ng-primitives/popover/src/ng-primitives-popover.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { type Placement } from '@floating-ui/dom';\n\nexport interface NgpPopoverConfig {\n  /**\n   * Define the offset of the popover relative to the trigger.\n   * @default 4\n   */\n  offset: number;\n\n  /**\n   * Define the placement of the popover relative to the trigger.\n   * @default 'bottom'\n   */\n  placement: Placement;\n\n  /**\n   * Define the delay before the popover is shown.\n   * @default 0\n   */\n  showDelay: number;\n\n  /**\n   * Define the delay before the popover is hidden.\n   * @default 0\n   */\n  hideDelay: number;\n\n  /**\n   * Define whether the popover should flip when there is not enough space for the popover.\n   * @default true\n   */\n  flip: boolean;\n\n  /**\n   * Define the container in to which the popover should be attached.\n   * @default document.body\n   */\n  container: HTMLElement | null;\n\n  /**\n   * Define whether the popover should close when clicking outside of it.\n   * @default true\n   */\n  closeOnOutsideClick: boolean;\n\n  /**\n   * Define whether the popover should close when the escape key is pressed.\n   * @default true\n   */\n  closeOnEscape: boolean;\n\n  /**\n   * Defines how the popover behaves when the window is scrolled.\n   * @default scroll\n   */\n  scrollBehavior: 'reposition' | 'block';\n}\n\nexport const defaultPopoverConfig: NgpPopoverConfig = {\n  offset: 4,\n  placement: 'bottom',\n  showDelay: 0,\n  hideDelay: 0,\n  flip: true,\n  container: null,\n  closeOnOutsideClick: true,\n  closeOnEscape: true,\n  scrollBehavior: 'reposition',\n};\n\nexport const NgpPopoverConfigToken = new InjectionToken<NgpPopoverConfig>('NgpPopoverConfigToken');\n\n/**\n * Provide the default Popover configuration\n * @param config The Popover configuration\n * @returns The provider\n */\nexport function providePopoverConfig(config: Partial<NgpPopoverConfig>): Provider[] {\n  return [\n    {\n      provide: NgpPopoverConfigToken,\n      useValue: { ...defaultPopoverConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Popover configuration\n * @returns The global Popover configuration\n */\nexport function injectPopoverConfig(): NgpPopoverConfig {\n  return inject(NgpPopoverConfigToken, { optional: true }) ?? defaultPopoverConfig;\n}\n","import { inject, InjectionToken, ValueProvider } from '@angular/core';\n\nexport const NgpPopoverContextToken = new InjectionToken<unknown>('NgpPopoverContextToken');\n\n/**\n * Inject the Popover context\n */\nexport function injectPopoverContext<T>(): T {\n  return inject(NgpPopoverContextToken) as T;\n}\n\n/**\n * Provide the Popover context\n */\nexport function providePopoverContext<T>(context: T): ValueProvider {\n  return { provide: NgpPopoverContextToken, useValue: context };\n}\n","import { InjectOptions, Signal } from '@angular/core';\nimport {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n  State,\n} from 'ng-primitives/state';\nimport type { NgpPopoverTrigger } from './popover-trigger';\n\n/**\n * The state token  for the PopoverTrigger primitive.\n */\nexport const NgpPopoverTriggerStateToken = createStateToken<NgpPopoverTrigger>('PopoverTrigger');\n\n/**\n * Provides the PopoverTrigger state.\n */\nexport const providePopoverTriggerState = createStateProvider(NgpPopoverTriggerStateToken);\n\n/**\n * Injects the PopoverTrigger state.\n */\nexport const injectPopoverTriggerState = createStateInjector<NgpPopoverTrigger>(\n  NgpPopoverTriggerStateToken,\n) as <T>(options?: InjectOptions) => Signal<State<NgpPopoverTrigger<T>>>;\n\n/**\n * The PopoverTrigger state registration function.\n */\nexport const popoverTriggerState = createState(NgpPopoverTriggerStateToken);\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { BlockScrollStrategy, NoopScrollStrategy, ViewportRuler } from '@angular/cdk/overlay';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  OnDestroy,\n  signal,\n  TemplateRef,\n  Type,\n  ViewContainerRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  autoUpdate,\n  computePosition,\n  flip,\n  Middleware,\n  offset,\n  Placement,\n  shift,\n} from '@floating-ui/dom';\nimport {\n  injectElementRef,\n  injectExitAnimationManager,\n  provideExitAnimationManager,\n} from 'ng-primitives/internal';\nimport { createPortal, NgpPortal } from 'ng-primitives/portal';\nimport { fromResizeEvent } from 'ng-primitives/resize';\nimport { injectDisposables } from 'ng-primitives/utils';\nimport { injectPopoverConfig } from '../config/popover-config';\nimport type { NgpPopover } from '../popover/popover';\nimport { providePopoverContext } from '../popover/popover-token';\nimport {\n  injectPopoverTriggerState,\n  popoverTriggerState,\n  providePopoverTriggerState,\n} from './popover-trigger-state';\n\n/**\n * Apply the `ngpPopoverTrigger` directive to an element that triggers the popover to show.\n */\n@Directive({\n  selector: '[ngpPopoverTrigger]',\n  exportAs: 'ngpPopoverTrigger',\n  providers: [providePopoverTriggerState({ inherit: false }), provideExitAnimationManager()],\n  host: {\n    '[attr.aria-expanded]': 'open() ? \"true\" : \"false\"',\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-placement]': 'state.placement()',\n    '(click)': 'toggleOpenState($event)',\n    '(document:keydown.escape)': 'handleEscapeKey()',\n  },\n})\nexport class NgpPopoverTrigger<T = null> implements OnDestroy {\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = injectElementRef();\n\n  /**\n   * Access the exit animation state.\n   */\n  private readonly exitAnimationState = injectExitAnimationManager();\n\n  /**\n   * Inject the parent popover trigger if available.\n   */\n  private readonly parentTrigger = injectPopoverTriggerState<T>({\n    skipSelf: true,\n    optional: true,\n  });\n\n  /**\n   * Access the view container ref.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the document.\n   */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Access the viewport ruler.\n   */\n  private readonly viewportRuler = inject(ViewportRuler);\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the global popover configuration.\n   */\n  private readonly config = injectPopoverConfig();\n\n  /**\n   * Access the disposable utilities\n   */\n  private readonly disposables = injectDisposables();\n\n  /**\n   * Access the focus monitor.\n   */\n  private readonly focusMonitor = inject(FocusMonitor);\n\n  /**\n   * Access the popover template ref.\n   */\n  readonly popover = input<NgpPopoverContent<T> | null>(null, {\n    alias: 'ngpPopoverTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpPopoverTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the popover relative to the trigger.\n   * @default 'top'\n   */\n  readonly placement = input<Placement>(this.config.placement, {\n    alias: 'ngpPopoverTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the popover relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(this.config.offset, {\n    alias: 'ngpPopoverTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the popover is displayed.\n   * @default 0\n   */\n  readonly showDelay = input<number, NumberInput>(this.config.showDelay, {\n    alias: 'ngpPopoverTriggerShowDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the popover is hidden.\n   * @default 0\n   */\n  readonly hideDelay = input<number, NumberInput>(this.config.hideDelay, {\n    alias: 'ngpPopoverTriggerHideDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the popover should flip when there is not enough space for the popover.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(this.config.flip, {\n    alias: 'ngpPopoverTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the container in which the popover should be attached.\n   * @default document.body\n   */\n  readonly container = input<HTMLElement | null>(this.config.container, {\n    alias: 'ngpPopoverTriggerContainer',\n  });\n\n  /**\n   * Define whether the popover should close when clicking outside of it.\n   * @default true\n   */\n  readonly closeOnOutsideClick = input<boolean, BooleanInput>(this.config.closeOnOutsideClick, {\n    alias: 'ngpPopoverTriggerCloseOnOutsideClick',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define whether the popover should close when the escape key is pressed.\n   * @default true\n   */\n  readonly closeOnEscape = input<boolean, BooleanInput>(this.config.closeOnEscape, {\n    alias: 'ngpPopoverTriggerCloseOnEscape',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Defines how the popover behaves when the window is scrolled.\n   * @default 'reposition'\n   */\n  readonly scrollBehavior = input<'reposition' | 'block'>(this.config.scrollBehavior, {\n    alias: 'ngpPopoverTriggerScrollBehavior',\n  });\n\n  /**\n   * Provide context to the popover.\n   * @default null\n   */\n  readonly context = input<T | null>(null, {\n    alias: 'ngpPopoverTriggerContext',\n  });\n\n  /**\n   * Store the popover view ref.\n   */\n  protected readonly viewRef = signal<NgpPortal | undefined>(undefined);\n\n  /**\n   * Determines if the popover is open.\n   */\n  readonly open = computed(() => this.viewRef()?.getAttached() ?? false);\n\n  /**\n   * Derive the popover middleware from the provided configuration.\n   */\n  private readonly middleware = computed(() => {\n    const middleware: Middleware[] = [offset(this.state.offset()), shift()];\n\n    if (this.state.flip()) {\n      middleware.push(flip());\n    }\n\n    return middleware;\n  });\n\n  /**\n   * Store the computed position of the popover.\n   * @internal\n   */\n  readonly position = signal<{ x: number; y: number }>({\n    x: 0,\n    y: 0,\n  });\n\n  /**\n   * @internal\n   * Store the trigger width.\n   */\n  readonly width = signal<number | null>(null);\n\n  /**\n   * The dispose function to stop computing the position of the popover.\n   */\n  private dispose?: () => void;\n\n  /**\n   * A document-wide click listener that checks if the click\n   * occurred outside of the popover and trigger elements.\n   */\n  private documentClickListener?: (event: MouseEvent) => void;\n\n  /**\n   * Store the popover instance.\n   * @internal\n   */\n  private popoverInstance: NgpPopover | null = null;\n\n  /**\n   * Get the scroll strategy based on the configuration.\n   */\n  private readonly scrollStrategy = computed(() =>\n    this.state.scrollBehavior() === 'block'\n      ? new BlockScrollStrategy(this.viewportRuler, this.document)\n      : new NoopScrollStrategy(),\n  );\n\n  /**\n   * @internal\n   * Register any child popover to the stack.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  readonly stack: NgpPopoverTrigger<any>[] = [];\n\n  /**\n   * @internal\n   * The timeout to open the popover.\n   */\n  private openTimeout?: () => void;\n\n  /**\n   * @internal\n   * The timeout to close the popover.\n   */\n  private closeTimeout?: () => void;\n\n  /**\n   * The popover trigger state.\n   */\n  readonly state = popoverTriggerState<NgpPopoverTrigger<T>>(this);\n\n  constructor() {\n    // if the trigger has a parent trigger then register it to the stack\n    this.parentTrigger()?.stack.push(this);\n\n    // update the width of the trigger when it resizes\n    fromResizeEvent(this.trigger.nativeElement)\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => this.width.set(this.trigger.nativeElement.offsetWidth));\n  }\n\n  ngOnDestroy(): void {\n    // remove the trigger from the parent trigger's stack\n    this.parentTrigger()?.stack.splice(this.parentTrigger()?.stack.indexOf(this), 1);\n\n    this.destroyPopover();\n  }\n\n  protected toggleOpenState(event: MouseEvent): void {\n    // if the trigger is disabled then do not toggle the popover\n    if (this.state.disabled()) {\n      return;\n    }\n\n    // determine the origin of the event, 0 is keyboard, 1 is mouse\n    const origin: FocusOrigin = event.detail === 0 ? 'keyboard' : 'mouse';\n\n    // if the popover is open then hide it\n    if (this.open()) {\n      this.hide(origin);\n    } else {\n      this.show(origin);\n    }\n  }\n\n  /**\n   * Show the popover.\n   */\n  show(origin: FocusOrigin): void {\n    // if closing is in progress then clear the timeout to stop the popover from closing\n    this.closeTimeout?.();\n\n    // if the trigger is disabled or the popover is already open then do not show the popover\n    if (this.state.disabled() || this.openTimeout) {\n      return;\n    }\n\n    this.openTimeout = this.disposables.setTimeout(() => {\n      this.openTimeout = undefined;\n      this.createPopover(origin);\n    }, this.state.showDelay());\n\n    // Add document click listener to detect outside clicks\n    if (this.state.closeOnOutsideClick()) {\n      this.documentClickListener = this.onDocumentClick.bind(this);\n      this.document.addEventListener('mouseup', this.documentClickListener, true);\n    }\n  }\n\n  /**\n   * @internal\n   * Hide the popover.\n   */\n  hide(origin: FocusOrigin = 'program'): void {\n    // if opening is in progress then clear the timeout to stop the popover from opening\n    this.openTimeout?.();\n\n    // if the trigger is disabled or the popover is not open then do not hide the popover\n    if (this.state.disabled() || this.closeTimeout || !this.open()) {\n      return;\n    }\n\n    // we must disable the focus trap before closing the popover, otherwise\n    // focus will be moved back to the popover rather than the trigger\n    this.popoverInstance?.disableFocusTrap();\n\n    // close all child popovers\n    for (const child of this.stack) {\n      child.hide(origin);\n    }\n\n    // ensure the trigger is focused after closing the popover\n    this.focusTrigger(origin);\n\n    this.closeTimeout = this.disposables.setTimeout(async () => {\n      this.closeTimeout = undefined;\n\n      await this.destroyPopover();\n    }, this.state.hideDelay());\n  }\n\n  private onDocumentClick(event: MouseEvent): void {\n    const target = event.target as HTMLElement;\n\n    const viewRef = this.viewRef();\n\n    // get the popover element\n    const popoverElement = viewRef?.getElements()[0] as HTMLElement | null;\n\n    // Check if the click is outside the trigger or the popover\n    const isOutside =\n      !this.trigger.nativeElement.contains(target) && !popoverElement?.contains(target);\n\n    // Determine if this is a click inside another popover\n\n    if (isOutside) {\n      // Close the popover\n      this.hide('mouse');\n    }\n  }\n\n  private createPopover(origin: FocusOrigin): void {\n    // clear the open timeout\n    this.openTimeout = undefined;\n\n    const popover = this.state.popover();\n\n    if (!popover) {\n      throw new Error('Popover must be either a TemplateRef or a ComponentType');\n    }\n\n    // Create a new inject with the tooltip context\n    const injector = Injector.create({\n      parent: this.injector,\n      providers: [providePopoverContext(this.state.context())],\n    });\n\n    const portal = createPortal(popover, this.viewContainerRef, injector, {\n      $implicit: this.state.context(),\n    } as NgpPopoverTemplateContext<T>);\n    const viewRef = portal.attach(this.state.container() ?? this.document.body);\n\n    this.viewRef.set(viewRef);\n    viewRef.detectChanges();\n\n    const outletElement = viewRef.getElements()[0] as HTMLElement | null;\n\n    if (!outletElement) {\n      throw new Error('Outlet element is not available.');\n    }\n\n    if (viewRef.getElements().length > 1) {\n      throw new Error('Popover must have only one root element.');\n    }\n\n    // determine if the popover is fixed or absolute\n    const strategy = getComputedStyle(outletElement).position === 'fixed' ? 'fixed' : 'absolute';\n\n    this.dispose = autoUpdate(this.trigger.nativeElement, outletElement, async () => {\n      const position = await computePosition(this.trigger.nativeElement, outletElement, {\n        placement: this.state.placement(),\n        middleware: this.middleware(),\n        strategy,\n      });\n\n      this.position.set({ x: position.x, y: position.y });\n      viewRef?.detectChanges();\n    });\n\n    // activate the scroll strategy\n    this.scrollStrategy().enable();\n\n    // set the initial focus to the first tabbable element in the popover\n    this.popoverInstance?.setInitialFocus(origin);\n  }\n\n  private async destroyPopover(): Promise<void> {\n    // clear the close timeout\n    this.closeTimeout = undefined;\n\n    const viewRef = this.viewRef();\n\n    if (!viewRef) {\n      return;\n    }\n\n    // we remove this to prevent the popover from being destroyed twice\n    // because ngOnDestroy will be called on the viewRef\n    // when the popover is destroyed triggering this method again\n    this.viewRef.set(undefined);\n\n    // destroy the view ref\n    viewRef.detach();\n\n    this.dispose?.();\n\n    // deactivate the scroll strategy\n    this.scrollStrategy().disable();\n\n    // Remove the document click listener when the popover is hidden\n    if (this.documentClickListener) {\n      this.document.removeEventListener('mouseup', this.documentClickListener, true);\n    }\n  }\n\n  /**\n   * @internal\n   * Handle escape key press to close the popover.\n   */\n  protected handleEscapeKey(): void {\n    if (this.state.closeOnEscape()) {\n      this.hide('keyboard');\n    }\n  }\n\n  private focusTrigger(origin: FocusOrigin): void {\n    this.focusMonitor.focusVia(this.trigger.nativeElement, origin);\n  }\n\n  /**\n   * Set the popover instance.\n   * @internal\n   */\n  setPopover(instance: NgpPopover): void {\n    this.popoverInstance = instance;\n  }\n}\n\ntype NgpPopoverTemplateContext<T> = {\n  $implicit: T;\n};\ntype NgpPopoverContent<T> = TemplateRef<NgpPopoverTemplateContext<T>> | Type<unknown>;\n","import type { Placement } from '@floating-ui/dom';\n\nexport function getTransformOrigin(placement: Placement): string {\n  const basePlacement = placement.split('-')[0]; // Extract \"top\", \"bottom\", etc.\n  const alignment = placement.split('-')[1]; // Extract \"start\" or \"end\"\n\n  const map: Record<string, string> = {\n    top: 'bottom',\n    bottom: 'top',\n    left: 'right',\n    right: 'left',\n  };\n\n  let x = 'center';\n  let y = 'center';\n\n  if (basePlacement === 'top' || basePlacement === 'bottom') {\n    y = map[basePlacement];\n    if (alignment === 'start') x = 'left';\n    else if (alignment === 'end') x = 'right';\n  } else {\n    x = map[basePlacement];\n    if (alignment === 'start') y = 'top';\n    else if (alignment === 'end') y = 'bottom';\n  }\n\n  return `${y} ${x}`;\n}\n","import { FocusMonitor, FocusOrigin, InteractivityChecker } from '@angular/cdk/a11y';\nimport { computed, Directive, inject } from '@angular/core';\nimport { injectFocusTrapState, NgpFocusTrap } from 'ng-primitives/focus-trap';\nimport { injectElementRef, NgpExitAnimation } from 'ng-primitives/internal';\nimport { injectPopoverTriggerState } from '../popover-trigger/popover-trigger-state';\nimport { getTransformOrigin } from '../utils/transform-origin';\n\n/**\n * Apply the `ngpPopover` directive to an element that represents the popover. This typically would be a `div` inside an `ng-template`.\n */\n@Directive({\n  selector: '[ngpPopover]',\n  exportAs: 'ngpPopover',\n  hostDirectives: [NgpFocusTrap, NgpExitAnimation],\n  host: {\n    role: 'menu',\n    '[style.left.px]': 'x()',\n    '[style.top.px]': 'y()',\n    '[style.--ngp-popover-trigger-width.px]': 'trigger().width()',\n    '[style.--ngp-popover-transform-origin]': 'transformOrigin()',\n    '(keydown.escape)': 'trigger().handleEscapeKey()',\n  },\n})\nexport class NgpPopover {\n  /**\n   * Access the popover element.\n   */\n  private readonly popover = injectElementRef();\n\n  /**\n   * Access the focus trap.\n   */\n  private readonly focusTrap = injectFocusTrapState();\n\n  /**\n   * Access the interactivity checker.\n   */\n  private readonly interactivity = inject(InteractivityChecker);\n\n  /**\n   * Access the focus monitor.\n   */\n  private readonly focusMonitor = inject(FocusMonitor);\n\n  /**\n   * Access the trigger instance.\n   */\n  protected readonly trigger = injectPopoverTriggerState();\n\n  /**\n   * Compute the x position of the popover.\n   */\n  protected readonly x = computed(() => this.trigger().position().x);\n\n  /**\n   * Compute the y position of the popover.\n   */\n  protected readonly y = computed(() => this.trigger().position().y);\n\n  /**\n   * Derive the transform origin of the popover.\n   */\n  protected readonly transformOrigin = computed(() =>\n    getTransformOrigin(this.trigger().placement()),\n  );\n\n  constructor() {\n    this.trigger().setPopover(this);\n  }\n\n  /**\n   * Focus the first tabbable element inside the popover.\n   * If no tabbable element is found, focus the popover itself.\n   * @internal\n   */\n  setInitialFocus(origin: FocusOrigin): void {\n    // use a tree walker to find the first tabbable child\n    const treeWalker = document.createTreeWalker(\n      this.popover.nativeElement,\n      NodeFilter.SHOW_ELEMENT,\n      {\n        acceptNode: node =>\n          node instanceof HTMLElement && this.interactivity.isTabbable(node)\n            ? NodeFilter.FILTER_ACCEPT\n            : NodeFilter.FILTER_SKIP,\n      },\n    );\n\n    const tabbableNode = treeWalker.nextNode() as HTMLElement | null;\n\n    if (tabbableNode) {\n      this.focusMonitor.focusVia(tabbableNode, origin);\n    } else {\n      // if no tabbable child is found, focus the popover element itself\n      this.popover.nativeElement.focus();\n    }\n  }\n\n  /**\n   * Disable the focus trap.\n   * @internal\n   */\n  disableFocusTrap(): void {\n    this.focusTrap().disabled.set(true);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-primitives-portal.mjs

@@ -0,0 +1,131 @@
+import { ComponentPortal, DomPortalOutlet, TemplatePortal } from '@angular/cdk/portal';
+import { TemplateRef } from '@angular/core';
+import { NgpExitAnimationManager } from 'ng-primitives/internal';
+
+class NgpPortal {
+    constructor(viewContainerRef, injector) {
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+    }
+}
+class NgpComponentPortal extends NgpPortal {
+    constructor(component, viewContainerRef, injector) {
+        super(viewContainerRef, injector);
+        this.viewRef = null;
+        this.isDestroying = false;
+        this.componentPortal = new ComponentPortal(component, viewContainerRef, injector);
+    }
+    /**
+     * Attach the portal to a DOM element.
+     * @param container The DOM element to attach the portal to.
+     */
+    attach(container) {
+        const domOutlet = new DomPortalOutlet(container, undefined, undefined, this.injector);
+        this.viewRef = domOutlet.attach(this.componentPortal);
+        return this;
+    }
+    /**
+     * Get the root elements of the portal.
+     */
+    getElements() {
+        return this.viewRef ? [this.viewRef.location.nativeElement] : [];
+    }
+    /**
+     * Detect changes in the portal.
+     */
+    detectChanges() {
+        this.viewRef?.changeDetectorRef.detectChanges();
+    }
+    /**
+     * Whether the portal is attached to a DOM element.
+     */
+    getAttached() {
+        return !!this.viewRef && this.viewRef.location.nativeElement.isConnected;
+    }
+    /**
+     * Detach the portal from the DOM.
+     */
+    async detach() {
+        if (this.isDestroying) {
+            return;
+        }
+        this.isDestroying = true;
+        // if there is an exit animation manager, wait for it to finish
+        const exitAnimationManager = this.injector.get(NgpExitAnimationManager, null, {
+            optional: true,
+        });
+        await exitAnimationManager?.exit();
+        if (this.viewRef) {
+            this.viewRef.destroy();
+            this.viewRef = null;
+        }
+    }
+}
+class NgpTemplatePortal extends NgpPortal {
+    constructor(template, viewContainerRef, injector, context) {
+        super(viewContainerRef, injector);
+        this.viewRef = null;
+        this.isDestroying = false;
+        this.templatePortal = new TemplatePortal(template, viewContainerRef, context, injector);
+    }
+    /**
+     * Attach the portal to a DOM element.
+     * @param container The DOM element to attach the portal to.
+     */
+    attach(container) {
+        const domOutlet = new DomPortalOutlet(container, undefined, undefined, this.injector);
+        this.viewRef = domOutlet.attach(this.templatePortal);
+        return this;
+    }
+    /**
+     * Get the root elements of the portal.
+     */
+    getElements() {
+        return this.viewRef ? this.viewRef.rootNodes : [];
+    }
+    /**
+     * Detect changes in the portal.
+     */
+    detectChanges() {
+        this.viewRef?.detectChanges();
+    }
+    /**
+     * Whether the portal is attached to a DOM element.
+     */
+    getAttached() {
+        return !!this.viewRef && this.viewRef.rootNodes.length > 0;
+    }
+    /**
+     * Detach the portal from the DOM.
+     */
+    async detach() {
+        if (this.isDestroying) {
+            return;
+        }
+        this.isDestroying = true;
+        // if there is an exit animation manager, wait for it to finish
+        const exitAnimationManager = this.injector.get(NgpExitAnimationManager, null, {
+            optional: true,
+        });
+        await exitAnimationManager?.exit();
+        if (this.viewRef) {
+            this.viewRef.destroy();
+            this.viewRef = null;
+        }
+    }
+}
+function createPortal(componentOrTemplate, viewContainerRef, injector, context) {
+    if (componentOrTemplate instanceof TemplateRef) {
+        return new NgpTemplatePortal(componentOrTemplate, viewContainerRef, injector, context);
+    }
+    else {
+        return new NgpComponentPortal(componentOrTemplate, viewContainerRef, injector);
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgpComponentPortal, NgpPortal, NgpTemplatePortal, createPortal };
+//# sourceMappingURL=ng-primitives-portal.mjs.map

package/fesm2022/ng-primitives-portal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-primitives-portal.mjs","sources":["../../../../packages/ng-primitives/portal/src/portal.ts","../../../../packages/ng-primitives/portal/src/ng-primitives-portal.ts"],"sourcesContent":["import { ComponentPortal, DomPortalOutlet, TemplatePortal } from '@angular/cdk/portal';\nimport {\n  ComponentRef,\n  EmbeddedViewRef,\n  Injector,\n  TemplateRef,\n  Type,\n  ViewContainerRef,\n} from '@angular/core';\nimport { NgpExitAnimationManager } from 'ng-primitives/internal';\n\nexport abstract class NgpPortal {\n  constructor(\n    protected readonly viewContainerRef: ViewContainerRef,\n    protected readonly injector: Injector,\n  ) {}\n\n  /**\n   * Get the elements of the portal.\n   */\n  abstract getElements(): HTMLElement[];\n\n  /**\n   * Detect changes in the portal.\n   */\n  abstract detectChanges(): void;\n\n  /**\n   * Whether the portal is attached to a DOM element.\n   */\n  abstract getAttached(): boolean;\n\n  /**\n   * Attach the portal to a DOM element.\n   * @param container The DOM element to attach the portal to.\n   */\n  abstract attach(container: HTMLElement): this;\n\n  /**\n   * Detach the portal from the DOM.\n   */\n  abstract detach(): Promise<void>;\n}\n\nexport class NgpComponentPortal<T> extends NgpPortal {\n  private readonly componentPortal: ComponentPortal<T>;\n  private viewRef: ComponentRef<T> | null = null;\n  private isDestroying = false;\n\n  constructor(component: Type<T>, viewContainerRef: ViewContainerRef, injector: Injector) {\n    super(viewContainerRef, injector);\n    this.componentPortal = new ComponentPortal(component, viewContainerRef, injector);\n  }\n\n  /**\n   * Attach the portal to a DOM element.\n   * @param container The DOM element to attach the portal to.\n   */\n  attach(container: HTMLElement): this {\n    const domOutlet = new DomPortalOutlet(container, undefined, undefined, this.injector);\n    this.viewRef = domOutlet.attach(this.componentPortal);\n    return this;\n  }\n\n  /**\n   * Get the root elements of the portal.\n   */\n  getElements(): HTMLElement[] {\n    return this.viewRef ? [this.viewRef.location.nativeElement] : [];\n  }\n\n  /**\n   * Detect changes in the portal.\n   */\n  detectChanges(): void {\n    this.viewRef?.changeDetectorRef.detectChanges();\n  }\n\n  /**\n   * Whether the portal is attached to a DOM element.\n   */\n  getAttached(): boolean {\n    return !!this.viewRef && (this.viewRef.location.nativeElement as HTMLElement).isConnected;\n  }\n\n  /**\n   * Detach the portal from the DOM.\n   */\n  async detach(): Promise<void> {\n    if (this.isDestroying) {\n      return;\n    }\n    this.isDestroying = true;\n\n    // if there is an exit animation manager, wait for it to finish\n    const exitAnimationManager = this.injector.get(NgpExitAnimationManager, null, {\n      optional: true,\n    });\n\n    await exitAnimationManager?.exit();\n\n    if (this.viewRef) {\n      this.viewRef.destroy();\n      this.viewRef = null;\n    }\n  }\n}\n\nexport class NgpTemplatePortal<T> extends NgpPortal {\n  private readonly templatePortal: TemplatePortal<T>;\n  private viewRef: EmbeddedViewRef<T> | null = null;\n  private isDestroying = false;\n\n  constructor(\n    template: TemplateRef<T>,\n    viewContainerRef: ViewContainerRef,\n    injector: Injector,\n    context?: T,\n  ) {\n    super(viewContainerRef, injector);\n    this.templatePortal = new TemplatePortal(template, viewContainerRef, context, injector);\n  }\n\n  /**\n   * Attach the portal to a DOM element.\n   * @param container The DOM element to attach the portal to.\n   */\n  attach(container: HTMLElement): this {\n    const domOutlet = new DomPortalOutlet(container, undefined, undefined, this.injector);\n    this.viewRef = domOutlet.attach(this.templatePortal);\n    return this;\n  }\n\n  /**\n   * Get the root elements of the portal.\n   */\n  getElements(): HTMLElement[] {\n    return this.viewRef ? this.viewRef.rootNodes : [];\n  }\n\n  /**\n   * Detect changes in the portal.\n   */\n  detectChanges(): void {\n    this.viewRef?.detectChanges();\n  }\n\n  /**\n   * Whether the portal is attached to a DOM element.\n   */\n  getAttached(): boolean {\n    return !!this.viewRef && this.viewRef.rootNodes.length > 0;\n  }\n\n  /**\n   * Detach the portal from the DOM.\n   */\n  async detach(): Promise<void> {\n    if (this.isDestroying) {\n      return;\n    }\n\n    this.isDestroying = true;\n\n    // if there is an exit animation manager, wait for it to finish\n    const exitAnimationManager = this.injector.get(NgpExitAnimationManager, null, {\n      optional: true,\n    });\n\n    await exitAnimationManager?.exit();\n\n    if (this.viewRef) {\n      this.viewRef.destroy();\n      this.viewRef = null;\n    }\n  }\n}\n\nexport function createPortal<T>(\n  componentOrTemplate: Type<T> | TemplateRef<T>,\n  viewContainerRef: ViewContainerRef,\n  injector: Injector,\n  context?: T,\n): NgpPortal {\n  if (componentOrTemplate instanceof TemplateRef) {\n    return new NgpTemplatePortal(componentOrTemplate, viewContainerRef, injector, context);\n  } else {\n    return new NgpComponentPortal(componentOrTemplate, viewContainerRef, injector);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-primitives-tooltip.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ElementRef, ViewContainerRef, Injector, input, booleanAttribute, numberAttribute, signal, computed, TemplateRef, Type, ComponentRef, Directive, PLATFORM_ID, isDevMode } from '@angular/core';
-import { TemplatePortal, ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';
+import { InjectionToken, inject, ElementRef, ViewContainerRef, Injector, input, booleanAttribute, numberAttribute, signal, computed, Directive, PLATFORM_ID, isDevMode } from '@angular/core';
 import { DOCUMENT, isPlatformBrowser } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { offset, shift, flip, autoUpdate, computePosition } from '@floating-ui/dom';
 import * as i1 from 'ng-primitives/internal';
 import { injectExitAnimationManager, provideExitAnimationManager, NgpExitAnimation } from 'ng-primitives/internal';
+import { createPortal } from 'ng-primitives/portal';
 import { fromResizeEvent } from 'ng-primitives/resize';
 import { injectDisposables } from 'ng-primitives/utils';
 import { createStateToken, createStateProvider, createStateInjector, createState } from 'ng-primitives/state';
@@ -254,36 +254,27 @@ class NgpTooltipTrigger {
     createTooltip() {
         this.openTimeout = undefined;
         const tooltip = this.state.tooltip();
-        let portal;
+        if (!tooltip) {
+            throw new Error('Tooltip must be either a TemplateRef or a ComponentType');
+        }
         // Create a new inject with the tooltip context
         const injector = Injector.create({
             parent: this.injector,
             providers: [provideTooltipContext(this.state.context())],
         });
-        if (tooltip instanceof TemplateRef) {
-            portal = new TemplatePortal(tooltip, this.viewContainerRef, { $implicit: this.state.context() }, injector);
-        }
-        else if (tooltip instanceof Type) {
-            portal = new ComponentPortal(tooltip, this.viewContainerRef, injector);
-        }
-        else {
-            throw new Error('Tooltip must be either a TemplateRef or a ComponentType');
-        }
-        const domOutlet = new DomPortalOutlet(this.state.container() ?? this.document.body, undefined, undefined, injector);
-        const viewRef = domOutlet.attach(portal);
+        const portal = createPortal(tooltip, this.viewContainerRef, injector, {
+            $implicit: this.state.context(),
+        });
+        const viewRef = portal.attach(this.state.container() ?? this.document.body);
         this.viewRef.set(viewRef);
-        let outletElement = null;
-        if (viewRef instanceof ComponentRef) {
-            viewRef.changeDetectorRef.detectChanges();
-            outletElement = viewRef.location.nativeElement;
-        }
-        else if (viewRef) {
-            viewRef.detectChanges();
-            outletElement = viewRef.rootNodes[0];
-        }
+        viewRef.detectChanges();
+        const outletElement = viewRef.getElements()[0];
         if (!outletElement) {
             throw new Error('Outlet element is not available.');
         }
+        if (viewRef.getElements().length > 1) {
+            throw new Error('Popover must have only one root element.');
+        }
         // we want to determine the strategy to use. If the tooltip has position: fixed then we want to use
         // fixed positioning. Otherwise we want to use absolute positioning.
         const strategy = getComputedStyle(outletElement).position === 'fixed' ? 'fixed' : 'absolute';
@@ -298,9 +289,16 @@ class NgpTooltipTrigger {
     }
     async destroyTooltip() {
         this.closeTimeout = undefined;
-        await this.exitAnimationManager.exit();
-        this.viewRef()?.destroy();
+        const viewRef = this.viewRef();
+        if (!viewRef) {
+            return;
+        }
+        // we remove this to prevent the popover from being destroyed twice
+        // because ngOnDestroy will be called on the viewRef
+        // when the popover is destroyed triggering this method again
         this.viewRef.set(null);
+        // destroy the view ref
+        viewRef.detach();
         this.dispose?.();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpTooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }

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

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-tooltip.mjs","sources":["../../../../packages/ng-primitives/tooltip/src/config/tooltip-config.ts","../../../../packages/ng-primitives/tooltip/src/tooltip/tooltip-token.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger-state.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger.ts","../../../../packages/ng-primitives/tooltip/src/tooltip/tooltip.ts","../../../../packages/ng-primitives/tooltip/src/ng-primitives-tooltip.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { type Placement } from '@floating-ui/dom';\n\nexport interface NgpTooltipConfig {\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 | null;\n}\n\nexport const defaultTooltipConfig: NgpTooltipConfig = {\n  offset: 4,\n  placement: 'top',\n  showDelay: 0,\n  hideDelay: 0,\n  flip: true,\n  container: null,\n};\n\nexport const NgpTooltipConfigToken = new InjectionToken<NgpTooltipConfig>('NgpTooltipConfigToken');\n\n/**\n * Provide the default Tooltip configuration\n * @param config The Tooltip configuration\n * @returns The provider\n */\nexport function provideTooltipConfig(config: Partial<NgpTooltipConfig>): Provider[] {\n  return [\n    {\n      provide: NgpTooltipConfigToken,\n      useValue: { ...defaultTooltipConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Tooltip configuration\n * @returns The global Tooltip configuration\n */\nexport function injectTooltipConfig(): NgpTooltipConfig {\n  return inject(NgpTooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;\n}\n","import { inject, InjectionToken, ValueProvider } from '@angular/core';\n\nexport const NgpTooltipContextToken = new InjectionToken<unknown>('NgpTooltipContextToken');\n\n/**\n * Inject the Tooltip context\n */\nexport function injectTooltipContext<T>(): T {\n  return inject(NgpTooltipContextToken) as T;\n}\n\n/**\n * Provide the Tooltip directive instance\n */\nexport function provideTooltipContext<T>(context: T): ValueProvider {\n  return { provide: NgpTooltipContextToken, useValue: context };\n}\n","import { Signal } from '@angular/core';\nimport {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n  State,\n} from 'ng-primitives/state';\nimport type { NgpTooltipTrigger } from './tooltip-trigger';\n\n/**\n * The state token  for the TooltipTrigger primitive.\n */\nexport const NgpTooltipTriggerStateToken =\n  createStateToken<NgpTooltipTrigger<unknown>>('TooltipTrigger');\n\n/**\n * Provides the TooltipTrigger state.\n */\nexport const provideTooltipTriggerState = createStateProvider(NgpTooltipTriggerStateToken);\n\n/**\n * Injects the TooltipTrigger state.\n */\nexport const injectTooltipTriggerState = createStateInjector(NgpTooltipTriggerStateToken) as <\n  T,\n>() => Signal<State<NgpTooltipTrigger<T>>>;\n\n/**\n * The TooltipTrigger state registration function.\n */\nexport const tooltipTriggerState = createState(NgpTooltipTriggerStateToken);\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { ComponentPortal, DomPortalOutlet, TemplatePortal } from '@angular/cdk/portal';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  ComponentRef,\n  Directive,\n  ElementRef,\n  EmbeddedViewRef,\n  Injector,\n  OnDestroy,\n  TemplateRef,\n  Type,\n  ViewContainerRef,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  numberAttribute,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  Middleware,\n  Placement,\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport { injectExitAnimationManager, provideExitAnimationManager } from 'ng-primitives/internal';\nimport { fromResizeEvent } from 'ng-primitives/resize';\nimport { injectDisposables } from 'ng-primitives/utils';\nimport { injectTooltipConfig } from '../config/tooltip-config';\nimport { provideTooltipContext } from '../tooltip/tooltip-token';\nimport { provideTooltipTriggerState, tooltipTriggerState } from './tooltip-trigger-state';\n\n/**\n * Apply the `ngpTooltipTrigger` directive to an element that triggers the tooltip to show.\n */\n@Directive({\n  selector: '[ngpTooltipTrigger]',\n  exportAs: 'ngpTooltipTrigger',\n  providers: [provideTooltipTriggerState(), provideExitAnimationManager()],\n  host: {\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-disabled]': 'state.disabled() ? \"\" : null',\n    '(mouseenter)': 'show()',\n    '(mouseleave)': 'hide()',\n    '(focus)': 'show()',\n    '(blur)': 'hide()',\n  },\n})\nexport class NgpTooltipTrigger<T = null> implements OnDestroy {\n  /**\n   * Access the exit animation manager.\n   */\n  private readonly exitAnimationManager = injectExitAnimationManager();\n\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the view container ref.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the document.\n   */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the global tooltip configuration.\n   */\n  private readonly config = injectTooltipConfig();\n\n  /**\n   * Access the disposable utilities\n   */\n  private readonly disposables = injectDisposables();\n\n  /**\n   * Access the tooltip template ref.\n   */\n  readonly tooltip = input<NgpTooltipContent<T> | null>(null, {\n    alias: 'ngpTooltipTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpTooltipTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the tooltip relative to the trigger.\n   * @default 'top'\n   */\n  readonly placement = input<Placement>(this.config.placement, {\n    alias: 'ngpTooltipTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the tooltip relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(this.config.offset, {\n    alias: 'ngpTooltipTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is displayed.\n   * @default 0\n   */\n  readonly showDelay = input<number, NumberInput>(this.config.showDelay, {\n    alias: 'ngpTooltipTriggerShowDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is hidden.\n   * @default 0\n   */\n  readonly hideDelay = input<number, NumberInput>(this.config.hideDelay, {\n    alias: 'ngpTooltipTriggerHideDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the tooltip should flip when there is not enough space for the tooltip.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(this.config.flip, {\n    alias: 'ngpTooltipTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the container in which the tooltip should be attached.\n   * @default document.body\n   */\n  readonly container = input<HTMLElement | null>(this.config.container, {\n    alias: 'ngpTooltipTriggerContainer',\n  });\n\n  /**\n   * Provide context to the tooltip.\n   * @default null\n   */\n  readonly context = input<T | null>(null, {\n    alias: 'ngpTooltipTriggerContext',\n  });\n\n  /**\n   * Store the tooltip view ref.\n   */\n  protected viewRef = signal<ComponentRef<unknown> | EmbeddedViewRef<T> | null>(null);\n\n  /**\n   * Derive the tooltip middleware from the provided configuration.\n   */\n  private readonly middleware = computed(() => {\n    const middleware: Middleware[] = [offset(this.state.offset()), shift()];\n\n    if (this.state.flip()) {\n      middleware.push(flip());\n    }\n\n    return middleware;\n  });\n\n  /**\n   * Store the computed position of the tooltip.\n   * @internal\n   */\n  readonly position = signal<{ x: number; y: number }>({\n    x: 0,\n    y: 0,\n  });\n\n  /**\n   * The dispose function to stop computing the position of the tooltip.\n   */\n  private dispose?: () => void;\n\n  /**\n   * @internal\n   * Store the trigger width.\n   */\n  readonly width = signal<number | null>(null);\n\n  /**\n   * @internal\n   * The timeout to open the tooltip.\n   */\n  private openTimeout?: () => void;\n\n  /**\n   * @internal\n   * The timeout to close the tooltip.\n   */\n  private closeTimeout?: () => void;\n\n  /**\n   * @internal\n   * Whether the tooltip is open or not.\n   */\n  readonly open = computed(() => this.viewRef() !== null);\n\n  /**\n   * Store the state of the tooltip.\n   * @internal\n   */\n  readonly state = tooltipTriggerState<NgpTooltipTrigger<T>>(this);\n\n  constructor() {\n    // update the width of the trigger when it resizes\n    fromResizeEvent(this.trigger.nativeElement)\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => this.width.set(this.trigger.nativeElement.offsetWidth));\n  }\n\n  ngOnDestroy(): void {\n    this.destroyTooltip();\n  }\n\n  /**\n   * Show the tooltip.\n   */\n  show(): void {\n    // if closing is in progress then clear the timeout to stop the popover from closing\n    if (this.closeTimeout) {\n      this.closeTimeout();\n      this.closeTimeout = undefined;\n    }\n\n    // if the trigger is disabled or the tooltip is already open then do not show the tooltip\n    if (this.state.disabled() || this.openTimeout) {\n      return;\n    }\n\n    // if the tooltip exists in the DOM then do not create it again\n    if (this.viewRef()) {\n      return;\n    }\n\n    this.openTimeout = this.disposables.setTimeout(\n      () => this.createTooltip(),\n      this.state.showDelay(),\n    );\n  }\n\n  /**\n   * Hide the tooltip.\n   */\n  hide(): void {\n    // if closing is in progress then clear the timeout to stop the popover from opening\n    if (this.openTimeout) {\n      this.openTimeout();\n      this.openTimeout = undefined;\n    }\n\n    // if the trigger is disabled or the tooltip is already closed then do not hide the tooltip\n    if (this.state.disabled() || this.closeTimeout) {\n      return;\n    }\n\n    this.closeTimeout = this.disposables.setTimeout(\n      () => this.destroyTooltip(),\n      this.state.hideDelay(),\n    );\n  }\n\n  private createTooltip(): void {\n    this.openTimeout = undefined;\n    const tooltip = this.state.tooltip();\n\n    let portal: TemplatePortal | ComponentPortal<unknown>;\n\n    // Create a new inject with the tooltip context\n    const injector = Injector.create({\n      parent: this.injector,\n      providers: [provideTooltipContext(this.state.context())],\n    });\n\n    if (tooltip instanceof TemplateRef) {\n      portal = new TemplatePortal<NgpTooltipTemplateContext<T>>(\n        tooltip,\n        this.viewContainerRef,\n        { $implicit: this.state.context() } as NgpTooltipTemplateContext<T>,\n        injector,\n      );\n    } else if (tooltip instanceof Type) {\n      portal = new ComponentPortal(tooltip, this.viewContainerRef, injector);\n    } else {\n      throw new Error('Tooltip must be either a TemplateRef or a ComponentType');\n    }\n\n    const domOutlet = new DomPortalOutlet(\n      this.state.container() ?? this.document.body,\n      undefined,\n      undefined,\n      injector,\n    );\n\n    const viewRef = domOutlet.attach(portal);\n    this.viewRef.set(viewRef);\n\n    let outletElement: HTMLElement | null = null;\n\n    if (viewRef instanceof ComponentRef) {\n      viewRef.changeDetectorRef.detectChanges();\n      outletElement = viewRef.location.nativeElement;\n    } else if (viewRef) {\n      viewRef.detectChanges();\n      outletElement = viewRef.rootNodes[0] as HTMLElement;\n    }\n\n    if (!outletElement) {\n      throw new Error('Outlet element is not available.');\n    }\n\n    // we want to determine the strategy to use. If the tooltip has position: fixed then we want to use\n    // fixed positioning. Otherwise we want to use absolute positioning.\n    const strategy = getComputedStyle(outletElement).position === 'fixed' ? 'fixed' : 'absolute';\n\n    this.dispose = autoUpdate(this.trigger.nativeElement, outletElement, async () => {\n      const position = await computePosition(this.trigger.nativeElement, outletElement, {\n        placement: this.state.placement(),\n        middleware: this.middleware(),\n        strategy,\n      });\n\n      this.position.set({ x: position.x, y: position.y });\n    });\n  }\n\n  private async destroyTooltip(): Promise<void> {\n    this.closeTimeout = undefined;\n    await this.exitAnimationManager.exit();\n\n    this.viewRef()?.destroy();\n    this.viewRef.set(null);\n    this.dispose?.();\n  }\n}\n\ntype NgpTooltipTemplateContext<T> = {\n  $implicit: T;\n};\ntype NgpTooltipContent<T> = TemplateRef<NgpTooltipTemplateContext<T>> | Type<unknown>;\n","import { isPlatformBrowser } from '@angular/common';\nimport {\n  Directive,\n  ElementRef,\n  OnInit,\n  PLATFORM_ID,\n  computed,\n  inject,\n  isDevMode,\n} from '@angular/core';\nimport { NgpExitAnimation } from 'ng-primitives/internal';\nimport { getTransformOrigin } from 'ng-primitives/popover';\nimport { injectTooltipTriggerState } from '../tooltip-trigger/tooltip-trigger-state';\n\n/**\n * Apply the `ngpTooltip` directive to an element that represents the tooltip. This typically would be a `div` inside an `ng-template`.\n */\n@Directive({\n  selector: '[ngpTooltip]',\n  exportAs: 'ngpTooltip',\n  hostDirectives: [NgpExitAnimation],\n  host: {\n    role: 'tooltip',\n    '[style.left.px]': 'x()',\n    '[style.top.px]': 'y()',\n    '[style.--ngp-tooltip-trigger-width.px]': 'trigger().width()',\n    '[style.--ngp-tooltip-transform-origin]': 'transformOrigin()',\n  },\n})\nexport class NgpTooltip implements OnInit {\n  /**\n   * Access the tooltip element.\n   */\n  private readonly tooltip = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the platform.\n   */\n  private readonly platform = inject(PLATFORM_ID);\n\n  /**\n   * Access the trigger instance.\n   */\n  private readonly trigger = injectTooltipTriggerState();\n\n  /**\n   * Compute the x position of the tooltip.\n   */\n  protected readonly x = computed(() => this.trigger().position().x);\n\n  /**\n   * Compute the y position of the tooltip.\n   */\n  protected readonly y = computed(() => this.trigger().position().y);\n\n  /**\n   * Derive the transform origin of the popover.\n   */\n  protected readonly transformOrigin = computed(() =>\n    getTransformOrigin(this.trigger().placement()),\n  );\n\n  ngOnInit(): void {\n    // if the element does not have a fixed position then throw a warning in dev mode\n    if (isDevMode() && isPlatformBrowser(this.platform)) {\n      const { position } = getComputedStyle(this.tooltip.nativeElement);\n\n      if (position !== 'absolute' && position !== 'fixed') {\n        console.warn(\n          `The tooltip element must have an absolute or fixed position. The current position is ${position}.`,\n        );\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-tooltip.mjs","sources":["../../../../packages/ng-primitives/tooltip/src/config/tooltip-config.ts","../../../../packages/ng-primitives/tooltip/src/tooltip/tooltip-token.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger-state.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger.ts","../../../../packages/ng-primitives/tooltip/src/tooltip/tooltip.ts","../../../../packages/ng-primitives/tooltip/src/ng-primitives-tooltip.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { type Placement } from '@floating-ui/dom';\n\nexport interface NgpTooltipConfig {\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 | null;\n}\n\nexport const defaultTooltipConfig: NgpTooltipConfig = {\n  offset: 4,\n  placement: 'top',\n  showDelay: 0,\n  hideDelay: 0,\n  flip: true,\n  container: null,\n};\n\nexport const NgpTooltipConfigToken = new InjectionToken<NgpTooltipConfig>('NgpTooltipConfigToken');\n\n/**\n * Provide the default Tooltip configuration\n * @param config The Tooltip configuration\n * @returns The provider\n */\nexport function provideTooltipConfig(config: Partial<NgpTooltipConfig>): Provider[] {\n  return [\n    {\n      provide: NgpTooltipConfigToken,\n      useValue: { ...defaultTooltipConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Tooltip configuration\n * @returns The global Tooltip configuration\n */\nexport function injectTooltipConfig(): NgpTooltipConfig {\n  return inject(NgpTooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;\n}\n","import { inject, InjectionToken, ValueProvider } from '@angular/core';\n\nexport const NgpTooltipContextToken = new InjectionToken<unknown>('NgpTooltipContextToken');\n\n/**\n * Inject the Tooltip context\n */\nexport function injectTooltipContext<T>(): T {\n  return inject(NgpTooltipContextToken) as T;\n}\n\n/**\n * Provide the Tooltip directive instance\n */\nexport function provideTooltipContext<T>(context: T): ValueProvider {\n  return { provide: NgpTooltipContextToken, useValue: context };\n}\n","import { Signal } from '@angular/core';\nimport {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n  State,\n} from 'ng-primitives/state';\nimport type { NgpTooltipTrigger } from './tooltip-trigger';\n\n/**\n * The state token  for the TooltipTrigger primitive.\n */\nexport const NgpTooltipTriggerStateToken =\n  createStateToken<NgpTooltipTrigger<unknown>>('TooltipTrigger');\n\n/**\n * Provides the TooltipTrigger state.\n */\nexport const provideTooltipTriggerState = createStateProvider(NgpTooltipTriggerStateToken);\n\n/**\n * Injects the TooltipTrigger state.\n */\nexport const injectTooltipTriggerState = createStateInjector(NgpTooltipTriggerStateToken) as <\n  T,\n>() => Signal<State<NgpTooltipTrigger<T>>>;\n\n/**\n * The TooltipTrigger state registration function.\n */\nexport const tooltipTriggerState = createState(NgpTooltipTriggerStateToken);\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  Directive,\n  ElementRef,\n  Injector,\n  OnDestroy,\n  TemplateRef,\n  Type,\n  ViewContainerRef,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  numberAttribute,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  Middleware,\n  Placement,\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport { injectExitAnimationManager, provideExitAnimationManager } from 'ng-primitives/internal';\nimport { NgpPortal, createPortal } from 'ng-primitives/portal';\nimport { fromResizeEvent } from 'ng-primitives/resize';\nimport { injectDisposables } from 'ng-primitives/utils';\nimport { injectTooltipConfig } from '../config/tooltip-config';\nimport { provideTooltipContext } from '../tooltip/tooltip-token';\nimport { provideTooltipTriggerState, tooltipTriggerState } from './tooltip-trigger-state';\n\n/**\n * Apply the `ngpTooltipTrigger` directive to an element that triggers the tooltip to show.\n */\n@Directive({\n  selector: '[ngpTooltipTrigger]',\n  exportAs: 'ngpTooltipTrigger',\n  providers: [provideTooltipTriggerState(), provideExitAnimationManager()],\n  host: {\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-disabled]': 'state.disabled() ? \"\" : null',\n    '(mouseenter)': 'show()',\n    '(mouseleave)': 'hide()',\n    '(focus)': 'show()',\n    '(blur)': 'hide()',\n  },\n})\nexport class NgpTooltipTrigger<T = null> implements OnDestroy {\n  /**\n   * Access the exit animation manager.\n   */\n  private readonly exitAnimationManager = injectExitAnimationManager();\n\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the view container ref.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the document.\n   */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the global tooltip configuration.\n   */\n  private readonly config = injectTooltipConfig();\n\n  /**\n   * Access the disposable utilities\n   */\n  private readonly disposables = injectDisposables();\n\n  /**\n   * Access the tooltip template ref.\n   */\n  readonly tooltip = input<NgpTooltipContent<T> | null>(null, {\n    alias: 'ngpTooltipTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpTooltipTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the tooltip relative to the trigger.\n   * @default 'top'\n   */\n  readonly placement = input<Placement>(this.config.placement, {\n    alias: 'ngpTooltipTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the tooltip relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(this.config.offset, {\n    alias: 'ngpTooltipTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is displayed.\n   * @default 0\n   */\n  readonly showDelay = input<number, NumberInput>(this.config.showDelay, {\n    alias: 'ngpTooltipTriggerShowDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is hidden.\n   * @default 0\n   */\n  readonly hideDelay = input<number, NumberInput>(this.config.hideDelay, {\n    alias: 'ngpTooltipTriggerHideDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the tooltip should flip when there is not enough space for the tooltip.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(this.config.flip, {\n    alias: 'ngpTooltipTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the container in which the tooltip should be attached.\n   * @default document.body\n   */\n  readonly container = input<HTMLElement | null>(this.config.container, {\n    alias: 'ngpTooltipTriggerContainer',\n  });\n\n  /**\n   * Provide context to the tooltip.\n   * @default null\n   */\n  readonly context = input<T | null>(null, {\n    alias: 'ngpTooltipTriggerContext',\n  });\n\n  /**\n   * Store the tooltip view ref.\n   */\n  protected viewRef = signal<NgpPortal | null>(null);\n\n  /**\n   * Derive the tooltip middleware from the provided configuration.\n   */\n  private readonly middleware = computed(() => {\n    const middleware: Middleware[] = [offset(this.state.offset()), shift()];\n\n    if (this.state.flip()) {\n      middleware.push(flip());\n    }\n\n    return middleware;\n  });\n\n  /**\n   * Store the computed position of the tooltip.\n   * @internal\n   */\n  readonly position = signal<{ x: number; y: number }>({\n    x: 0,\n    y: 0,\n  });\n\n  /**\n   * The dispose function to stop computing the position of the tooltip.\n   */\n  private dispose?: () => void;\n\n  /**\n   * @internal\n   * Store the trigger width.\n   */\n  readonly width = signal<number | null>(null);\n\n  /**\n   * @internal\n   * The timeout to open the tooltip.\n   */\n  private openTimeout?: () => void;\n\n  /**\n   * @internal\n   * The timeout to close the tooltip.\n   */\n  private closeTimeout?: () => void;\n\n  /**\n   * @internal\n   * Whether the tooltip is open or not.\n   */\n  readonly open = computed(() => this.viewRef() !== null);\n\n  /**\n   * Store the state of the tooltip.\n   * @internal\n   */\n  readonly state = tooltipTriggerState<NgpTooltipTrigger<T>>(this);\n\n  constructor() {\n    // update the width of the trigger when it resizes\n    fromResizeEvent(this.trigger.nativeElement)\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => this.width.set(this.trigger.nativeElement.offsetWidth));\n  }\n\n  ngOnDestroy(): void {\n    this.destroyTooltip();\n  }\n\n  /**\n   * Show the tooltip.\n   */\n  show(): void {\n    // if closing is in progress then clear the timeout to stop the popover from closing\n    if (this.closeTimeout) {\n      this.closeTimeout();\n      this.closeTimeout = undefined;\n    }\n\n    // if the trigger is disabled or the tooltip is already open then do not show the tooltip\n    if (this.state.disabled() || this.openTimeout) {\n      return;\n    }\n\n    // if the tooltip exists in the DOM then do not create it again\n    if (this.viewRef()) {\n      return;\n    }\n\n    this.openTimeout = this.disposables.setTimeout(\n      () => this.createTooltip(),\n      this.state.showDelay(),\n    );\n  }\n\n  /**\n   * Hide the tooltip.\n   */\n  hide(): void {\n    // if closing is in progress then clear the timeout to stop the popover from opening\n    if (this.openTimeout) {\n      this.openTimeout();\n      this.openTimeout = undefined;\n    }\n\n    // if the trigger is disabled or the tooltip is already closed then do not hide the tooltip\n    if (this.state.disabled() || this.closeTimeout) {\n      return;\n    }\n\n    this.closeTimeout = this.disposables.setTimeout(\n      () => this.destroyTooltip(),\n      this.state.hideDelay(),\n    );\n  }\n\n  private createTooltip(): void {\n    this.openTimeout = undefined;\n    const tooltip = this.state.tooltip();\n\n    if (!tooltip) {\n      throw new Error('Tooltip must be either a TemplateRef or a ComponentType');\n    }\n\n    // Create a new inject with the tooltip context\n    const injector = Injector.create({\n      parent: this.injector,\n      providers: [provideTooltipContext(this.state.context())],\n    });\n\n    const portal = createPortal(tooltip, this.viewContainerRef, injector, {\n      $implicit: this.state.context(),\n    } as NgpTooltipTemplateContext<T>);\n    const viewRef = portal.attach(this.state.container() ?? this.document.body);\n\n    this.viewRef.set(viewRef);\n    viewRef.detectChanges();\n\n    const outletElement = viewRef.getElements()[0] as HTMLElement | null;\n\n    if (!outletElement) {\n      throw new Error('Outlet element is not available.');\n    }\n\n    if (viewRef.getElements().length > 1) {\n      throw new Error('Popover must have only one root element.');\n    }\n\n    // we want to determine the strategy to use. If the tooltip has position: fixed then we want to use\n    // fixed positioning. Otherwise we want to use absolute positioning.\n    const strategy = getComputedStyle(outletElement).position === 'fixed' ? 'fixed' : 'absolute';\n\n    this.dispose = autoUpdate(this.trigger.nativeElement, outletElement, async () => {\n      const position = await computePosition(this.trigger.nativeElement, outletElement, {\n        placement: this.state.placement(),\n        middleware: this.middleware(),\n        strategy,\n      });\n\n      this.position.set({ x: position.x, y: position.y });\n    });\n  }\n\n  private async destroyTooltip(): Promise<void> {\n    this.closeTimeout = undefined;\n    const viewRef = this.viewRef();\n\n    if (!viewRef) {\n      return;\n    }\n\n    // we remove this to prevent the popover from being destroyed twice\n    // because ngOnDestroy will be called on the viewRef\n    // when the popover is destroyed triggering this method again\n    this.viewRef.set(null);\n\n    // destroy the view ref\n    viewRef.detach();\n\n    this.dispose?.();\n  }\n}\n\ntype NgpTooltipTemplateContext<T> = {\n  $implicit: T;\n};\ntype NgpTooltipContent<T> = TemplateRef<NgpTooltipTemplateContext<T>> | Type<unknown>;\n","import { isPlatformBrowser } from '@angular/common';\nimport {\n  Directive,\n  ElementRef,\n  OnInit,\n  PLATFORM_ID,\n  computed,\n  inject,\n  isDevMode,\n} from '@angular/core';\nimport { NgpExitAnimation } from 'ng-primitives/internal';\nimport { getTransformOrigin } from 'ng-primitives/popover';\nimport { injectTooltipTriggerState } from '../tooltip-trigger/tooltip-trigger-state';\n\n/**\n * Apply the `ngpTooltip` directive to an element that represents the tooltip. This typically would be a `div` inside an `ng-template`.\n */\n@Directive({\n  selector: '[ngpTooltip]',\n  exportAs: 'ngpTooltip',\n  hostDirectives: [NgpExitAnimation],\n  host: {\n    role: 'tooltip',\n    '[style.left.px]': 'x()',\n    '[style.top.px]': 'y()',\n    '[style.--ngp-tooltip-trigger-width.px]': 'trigger().width()',\n    '[style.--ngp-tooltip-transform-origin]': 'transformOrigin()',\n  },\n})\nexport class NgpTooltip implements OnInit {\n  /**\n   * Access the tooltip element.\n   */\n  private readonly tooltip = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the platform.\n   */\n  private readonly platform = inject(PLATFORM_ID);\n\n  /**\n   * Access the trigger instance.\n   */\n  private readonly trigger = injectTooltipTriggerState();\n\n  /**\n   * Compute the x position of the tooltip.\n   */\n  protected readonly x = computed(() => this.trigger().position().x);\n\n  /**\n   * Compute the y position of the tooltip.\n   */\n  protected readonly y = computed(() => this.trigger().position().y);\n\n  /**\n   * Derive the transform origin of the popover.\n   */\n  protected readonly transformOrigin = computed(() =>\n    getTransformOrigin(this.trigger().placement()),\n  );\n\n  ngOnInit(): void {\n    // if the element does not have a fixed position then throw a warning in dev mode\n    if (isDevMode() && isPlatformBrowser(this.platform)) {\n      const { position } = getComputedStyle(this.tooltip.nativeElement);\n\n      if (position !== 'absolute' && position !== 'fixed') {\n        console.warn(\n          `The tooltip element must have an absolute or fixed position. The current position is ${position}.`,\n        );\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/file-upload/file-dropzone/file-drop-filter.d.ts

@@ -0,0 +1,2 @@
+export declare function fileDropFilter(fileList: FileList, acceptedTypes: string[] | undefined, multiple: boolean): FileList | null;
+export declare function isFileTypeAccepted(file: File, acceptedTypes: string[] | undefined): boolean;

package/file-upload/file-dropzone/file-dropzone-state.d.ts

@@ -17,6 +17,7 @@ export declare const injectFileDropzoneState: <U = {
     readonly directory: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     readonly selected: import("@angular/core").OutputEmitterRef<FileList | null>;
+    readonly rejected: import("@angular/core").OutputEmitterRef<void>;
     readonly dragOver: import("@angular/core").OutputEmitterRef<boolean>;
     readonly isDragOver: import("@angular/core").WritableSignal<boolean>;
     readonly state: import("ng-primitives/state").CreatedState<NgpFileDropzone>;

package/file-upload/file-dropzone/file-dropzone.d.ts

@@ -29,6 +29,10 @@ export declare class NgpFileDropzone {
      * Emits when the user selects files.
      */
     readonly selected: import("@angular/core").OutputEmitterRef<FileList | null>;
+    /**
+     * Emits when uploaded files are rejected because they do not match the allowed {@link fileTypes}.
+     */
+    readonly rejected: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Emits when the user drags a file over the file upload.
      */
@@ -47,5 +51,5 @@ export declare class NgpFileDropzone {
     protected onDragLeave(event: DragEvent): void;
     protected onDrop(event: DragEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpFileDropzone, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFileDropzone, "[ngpFileDropzone]", ["ngpFileDropzone"], { "fileTypes": { "alias": "ngpFileDropzoneFileTypes"; "required": false; "isSignal": true; }; "multiple": { "alias": "ngpFileDropzoneMultiple"; "required": false; "isSignal": true; }; "directory": { "alias": "ngpFileDropzoneDirectory"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpFileDropzoneDisabled"; "required": false; "isSignal": true; }; }, { "selected": "ngpFileDropzoneSelected"; "dragOver": "ngpFileDropzoneDragOver"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFileDropzone, "[ngpFileDropzone]", ["ngpFileDropzone"], { "fileTypes": { "alias": "ngpFileDropzoneFileTypes"; "required": false; "isSignal": true; }; "multiple": { "alias": "ngpFileDropzoneMultiple"; "required": false; "isSignal": true; }; "directory": { "alias": "ngpFileDropzoneDirectory"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpFileDropzoneDisabled"; "required": false; "isSignal": true; }; }, { "selected": "ngpFileDropzoneSelected"; "rejected": "ngpFileDropzoneRejected"; "dragOver": "ngpFileDropzoneDragOver"; }, never, never, true, never>;
 }

package/file-upload/file-upload/file-upload-state.d.ts

@@ -19,6 +19,7 @@ export declare const injectFileUploadState: <U = {
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     readonly selected: import("@angular/core").OutputEmitterRef<FileList | null>;
     readonly canceled: import("@angular/core").OutputEmitterRef<void>;
+    readonly rejected: import("@angular/core").OutputEmitterRef<void>;
     readonly dragOver: import("@angular/core").OutputEmitterRef<boolean>;
     readonly isDragOver: import("@angular/core").WritableSignal<boolean>;
     input: HTMLInputElement;

package/file-upload/file-upload/file-upload.d.ts

@@ -34,9 +34,13 @@ export declare class NgpFileUpload {
      */
     readonly selected: import("@angular/core").OutputEmitterRef<FileList | null>;
     /**
-     * Emits when the user selects files.
+     * Emits when the user cancel the file selection.
      */
     readonly canceled: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Emits when uploaded files are rejected because they do not match the allowed {@link fileTypes}.
+     */
+    readonly rejected: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Emits when the user drags a file over the file upload.
      */
@@ -60,5 +64,5 @@ export declare class NgpFileUpload {
     protected onDragLeave(event: DragEvent): void;
     protected onDrop(event: DragEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpFileUpload, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFileUpload, "[ngpFileUpload]", ["ngpFileUpload"], { "fileTypes": { "alias": "ngpFileUploadFileTypes"; "required": false; "isSignal": true; }; "multiple": { "alias": "ngpFileUploadMultiple"; "required": false; "isSignal": true; }; "directory": { "alias": "ngpFileUploadDirectory"; "required": false; "isSignal": true; }; "dragAndDrop": { "alias": "ngpFileUploadDragDrop"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpFileUploadDisabled"; "required": false; "isSignal": true; }; }, { "selected": "ngpFileUploadSelected"; "canceled": "ngpFileUploadCanceled"; "dragOver": "ngpFileUploadDragOver"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFileUpload, "[ngpFileUpload]", ["ngpFileUpload"], { "fileTypes": { "alias": "ngpFileUploadFileTypes"; "required": false; "isSignal": true; }; "multiple": { "alias": "ngpFileUploadMultiple"; "required": false; "isSignal": true; }; "directory": { "alias": "ngpFileUploadDirectory"; "required": false; "isSignal": true; }; "dragAndDrop": { "alias": "ngpFileUploadDragDrop"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpFileUploadDisabled"; "required": false; "isSignal": true; }; }, { "selected": "ngpFileUploadSelected"; "canceled": "ngpFileUploadCanceled"; "rejected": "ngpFileUploadRejected"; "dragOver": "ngpFileUploadDragOver"; }, never, never, true, never>;
 }

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.40.0",
+  "version": "0.41.0",
   "keywords": [
     "angular",
     "primitives",
@@ -71,14 +71,14 @@
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/ng-primitives-accordion.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/ng-primitives-avatar.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"
@@ -151,6 +151,10 @@
       "types": "./popover/index.d.ts",
       "default": "./fesm2022/ng-primitives-popover.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"
@@ -199,14 +203,14 @@
       "types": "./textarea/index.d.ts",
       "default": "./fesm2022/ng-primitives-textarea.mjs"
     },
-    "./toggle": {
-      "types": "./toggle/index.d.ts",
-      "default": "./fesm2022/ng-primitives-toggle.mjs"
-    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "default": "./fesm2022/ng-primitives-toast.mjs"
     },
+    "./toggle": {
+      "types": "./toggle/index.d.ts",
+      "default": "./fesm2022/ng-primitives-toggle.mjs"
+    },
     "./toggle-group": {
       "types": "./toggle-group/index.d.ts",
       "default": "./fesm2022/ng-primitives-toggle-group.mjs"

package/popover/popover-trigger/popover-trigger.d.ts

@@ -1,7 +1,8 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { ComponentRef, EmbeddedViewRef, OnDestroy, TemplateRef, Type } from '@angular/core';
+import { OnDestroy, TemplateRef, Type } from '@angular/core';
 import { Placement } from '@floating-ui/dom';
+import { NgpPortal } from 'ng-primitives/portal';
 import type { NgpPopover } from '../popover/popover';
 import * as i0 from "@angular/core";
 /**
@@ -110,7 +111,7 @@ export declare class NgpPopoverTrigger<T = null> implements OnDestroy {
     /**
      * Store the popover view ref.
      */
-    protected readonly viewRef: import("@angular/core").WritableSignal<ComponentRef<unknown> | EmbeddedViewRef<void> | null>;
+    protected readonly viewRef: import("@angular/core").WritableSignal<NgpPortal | undefined>;
     /**
      * Determines if the popover is open.
      */

package/portal/README.md

@@ -0,0 +1,3 @@
+# ng-primitives/portal
+
+Secondary entry point of `ng-primitives`. It can be used by importing from `ng-primitives/portal`.

package/portal/index.d.ts

@@ -0,0 +1 @@
+export { createPortal, NgpComponentPortal, NgpPortal, NgpTemplatePortal } from './portal';

package/portal/portal.d.ts

@@ -0,0 +1,82 @@
+import { Injector, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+export declare abstract class NgpPortal {
+    protected readonly viewContainerRef: ViewContainerRef;
+    protected readonly injector: Injector;
+    constructor(viewContainerRef: ViewContainerRef, injector: Injector);
+    /**
+     * Get the elements of the portal.
+     */
+    abstract getElements(): HTMLElement[];
+    /**
+     * Detect changes in the portal.
+     */
+    abstract detectChanges(): void;
+    /**
+     * Whether the portal is attached to a DOM element.
+     */
+    abstract getAttached(): boolean;
+    /**
+     * Attach the portal to a DOM element.
+     * @param container The DOM element to attach the portal to.
+     */
+    abstract attach(container: HTMLElement): this;
+    /**
+     * Detach the portal from the DOM.
+     */
+    abstract detach(): Promise<void>;
+}
+export declare class NgpComponentPortal<T> extends NgpPortal {
+    private readonly componentPortal;
+    private viewRef;
+    private isDestroying;
+    constructor(component: Type<T>, viewContainerRef: ViewContainerRef, injector: Injector);
+    /**
+     * Attach the portal to a DOM element.
+     * @param container The DOM element to attach the portal to.
+     */
+    attach(container: HTMLElement): this;
+    /**
+     * Get the root elements of the portal.
+     */
+    getElements(): HTMLElement[];
+    /**
+     * Detect changes in the portal.
+     */
+    detectChanges(): void;
+    /**
+     * Whether the portal is attached to a DOM element.
+     */
+    getAttached(): boolean;
+    /**
+     * Detach the portal from the DOM.
+     */
+    detach(): Promise<void>;
+}
+export declare class NgpTemplatePortal<T> extends NgpPortal {
+    private readonly templatePortal;
+    private viewRef;
+    private isDestroying;
+    constructor(template: TemplateRef<T>, viewContainerRef: ViewContainerRef, injector: Injector, context?: T);
+    /**
+     * Attach the portal to a DOM element.
+     * @param container The DOM element to attach the portal to.
+     */
+    attach(container: HTMLElement): this;
+    /**
+     * Get the root elements of the portal.
+     */
+    getElements(): HTMLElement[];
+    /**
+     * Detect changes in the portal.
+     */
+    detectChanges(): void;
+    /**
+     * Whether the portal is attached to a DOM element.
+     */
+    getAttached(): boolean;
+    /**
+     * Detach the portal from the DOM.
+     */
+    detach(): Promise<void>;
+}
+export declare function createPortal<T>(componentOrTemplate: Type<T> | TemplateRef<T>, viewContainerRef: ViewContainerRef, injector: Injector, context?: T): NgpPortal;

package/tooltip/tooltip-trigger/tooltip-trigger.d.ts

@@ -1,6 +1,7 @@
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { ComponentRef, EmbeddedViewRef, OnDestroy, TemplateRef, Type } from '@angular/core';
+import { OnDestroy, TemplateRef, Type } from '@angular/core';
 import { Placement } from '@floating-ui/dom';
+import { NgpPortal } from 'ng-primitives/portal';
 import * as i0 from "@angular/core";
 /**
  * Apply the `ngpTooltipTrigger` directive to an element that triggers the tooltip to show.
@@ -81,7 +82,7 @@ export declare class NgpTooltipTrigger<T = null> implements OnDestroy {
     /**
      * Store the tooltip view ref.
      */
-    protected viewRef: import("@angular/core").WritableSignal<ComponentRef<unknown> | EmbeddedViewRef<T> | null>;
+    protected viewRef: import("@angular/core").WritableSignal<NgpPortal | null>;
     /**
      * Derive the tooltip middleware from the provided configuration.
      */