ng-primitives 0.39.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-internal.mjs

@@ -32,7 +32,20 @@ class NgpExitAnimationManager {
     }
     /** Exit all instances. */
     exit() {
-        return Promise.all(this.instances.map(instance => instance.exit()));
+        return new Promise((resolve, reject) => {
+            const exitPromises = this.instances.map(instance => instance.exit());
+            // Wait for all exit animations to finish
+            Promise.all(exitPromises)
+                .then(() => resolve())
+                .catch(err => {
+                if (err instanceof Error && err.name !== 'AbortError') {
+                    return reject(err);
+                }
+                // Ignore abort errors as they are expected when the animation is interrupted
+                // by the removal of the element - e.g. when the user navigates away to another page
+                resolve();
+            });
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpExitAnimationManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpExitAnimationManager }); }

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

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-internal.mjs","sources":["../../../../packages/ng-primitives/internal/src/utilities/element-ref.ts","../../../../packages/ng-primitives/internal/src/exit-animation/exit-animation-manager.ts","../../../../packages/ng-primitives/internal/src/exit-animation/exit-animation.ts","../../../../packages/ng-primitives/internal/src/interactions/focus.ts","../../../../packages/ng-primitives/internal/src/interactions/focus-visible.ts","../../../../packages/ng-primitives/internal/src/utilities/dom-removal.ts","../../../../packages/ng-primitives/internal/src/interactions/hover.ts","../../../../packages/ng-primitives/internal/src/interactions/press.ts","../../../../packages/ng-primitives/internal/src/interactions/interactions.ts","../../../../packages/ng-primitives/internal/src/signals/explicit-effect.ts","../../../../packages/ng-primitives/internal/src/signals/sync-state.ts","../../../../packages/ng-primitives/internal/src/style-injector/style-injector.ts","../../../../packages/ng-primitives/internal/src/utilities/scrolling.ts","../../../../packages/ng-primitives/internal/src/ng-primitives-internal.ts"],"sourcesContent":["import { ElementRef, inject } from '@angular/core';\n\n/**\n * A simple utility function to inject an element reference with less boilerplate.\n * @returns The element reference.\n */\nexport function injectElementRef<T extends HTMLElement>(): ElementRef<T> {\n  return inject(ElementRef);\n}\n","import { ClassProvider, inject, Injectable } from '@angular/core';\nimport type { NgpExitAnimation } from './exit-animation';\n\n@Injectable()\nexport class NgpExitAnimationManager {\n  /** Store the instances of the exit animation directive. */\n  private readonly instances: NgpExitAnimation[] = [];\n\n  /** Add an instance to the manager. */\n  add(instance: NgpExitAnimation): void {\n    this.instances.push(instance);\n  }\n\n  /** Remove an instance from the manager. */\n  remove(instance: NgpExitAnimation): void {\n    const index = this.instances.indexOf(instance);\n    if (index !== -1) {\n      this.instances.splice(index, 1);\n    }\n  }\n\n  /** Exit all instances. */\n  exit(): Promise<void[]> {\n    return Promise.all(this.instances.map(instance => instance.exit()));\n  }\n}\n\nexport function provideExitAnimationManager(): ClassProvider {\n  return { provide: NgpExitAnimationManager, useClass: NgpExitAnimationManager };\n}\n\nexport function injectExitAnimationManager(): NgpExitAnimationManager {\n  return inject(NgpExitAnimationManager);\n}\n","import { Directive, inject, OnDestroy, Renderer2 } from '@angular/core';\nimport { injectElementRef } from '../utilities/element-ref';\nimport { injectExitAnimationManager } from './exit-animation-manager';\n\n@Directive({\n  selector: '[ngpExitAnimation]',\n  exportAs: 'ngpExitAnimation',\n})\nexport class NgpExitAnimation implements OnDestroy {\n  /** The animation manager. */\n  private readonly animationManager = injectExitAnimationManager();\n  /** The element to animate. */\n  private readonly elementRef = injectElementRef();\n  /** Access the renderer. */\n  private readonly renderer = inject(Renderer2);\n\n  constructor() {\n    this.animationManager.add(this);\n    this.setAnimationState('enter');\n  }\n\n  ngOnDestroy(): void {\n    this.animationManager.remove(this);\n  }\n\n  /** Mark the element as exiting. */\n  async exit(): Promise<void> {\n    this.setAnimationState('exit');\n\n    const animation = this.elementRef.nativeElement.getAnimations();\n\n    if (animation.length > 0) {\n      // Wait for the exit animation to finish\n      await Promise.all(animation.map(anim => anim.finished));\n    }\n  }\n\n  private setAnimationState(state: 'enter' | 'exit' | null): void {\n    // remove all current animation state attributes\n    this.renderer.removeAttribute(this.elementRef.nativeElement, 'data-enter');\n    this.renderer.removeAttribute(this.elementRef.nativeElement, 'data-exit');\n\n    // add the new animation state attribute\n    if (state === 'enter') {\n      this.renderer.setAttribute(this.elementRef.nativeElement, 'data-enter', '');\n    } else if (state === 'exit') {\n      this.renderer.setAttribute(this.elementRef.nativeElement, 'data-exit', '');\n      // make the element inert to prevent interaction while exiting\n      this.renderer.setAttribute(this.elementRef.nativeElement, 'inert', '');\n    }\n  }\n}\n","import { ElementRef, Renderer2, Signal, inject, signal } from '@angular/core';\nimport { injectDisposables } from 'ng-primitives/utils';\n\nexport interface NgpFocusOptions {\n  disabled?: Signal<boolean>;\n  focus?: () => void;\n  blur?: () => void;\n}\n\nexport interface NgpFocusState {\n  isFocused: Signal<boolean>;\n}\n\nexport function setupFocus({\n  focus,\n  blur,\n  disabled = signal(false),\n}: NgpFocusOptions): NgpFocusState {\n  /**\n   * Access the element reference.\n   */\n  const elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access the disposables helper.\n   */\n  const disposables = injectDisposables();\n\n  /**\n   * Access the renderer.\n   */\n  const renderer = inject(Renderer2);\n\n  /**\n   * Whether the element is currently focused.\n   */\n  const isFocused = signal<boolean>(false);\n\n  // setup event listeners\n  disposables.addEventListener(elementRef.nativeElement, 'focus', onFocus);\n  disposables.addEventListener(elementRef.nativeElement, 'blur', onBlur);\n\n  /**\n   * Listen for focus events.\n   * @param event\n   */\n  function onFocus(event: FocusEvent): void {\n    if (disabled()) {\n      return;\n    }\n\n    const ownerDocument = (event.target as HTMLElement)?.ownerDocument ?? document;\n\n    // ensure this element is still focused\n    if (ownerDocument.activeElement === event.target && event.currentTarget === event.target) {\n      focus?.();\n      isFocused.set(true);\n      // set the data-focus attribute\n      renderer.setAttribute(elementRef.nativeElement, 'data-focus', '');\n    }\n  }\n\n  /**\n   * Listen for blur events.\n   * @param event\n   */\n  function onBlur(event: FocusEvent): void {\n    if (disabled()) {\n      return;\n    }\n\n    if (event.currentTarget === event.target) {\n      blur?.();\n      isFocused.set(false);\n      // remove the data-focus attribute\n      renderer.removeAttribute(elementRef.nativeElement, 'data-focus');\n    }\n  }\n\n  return {\n    isFocused,\n  };\n}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { ElementRef, inject, Renderer2, Signal, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { onBooleanChange } from 'ng-primitives/utils';\n\nexport interface NgpFocusVisibleOptions {\n  disabled?: Signal<boolean>;\n  focusChange?: (value: boolean) => void;\n}\n\nexport interface NgpFocusVisibleState {\n  isFocused: Signal<boolean>;\n}\n\nexport function setupFocusVisible({\n  focusChange,\n  disabled = signal(false),\n}: NgpFocusVisibleOptions): NgpFocusVisibleState {\n  /**\n   * Access the element that the directive is applied to.\n   */\n  const elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access the renderer.\n   */\n  const renderer = inject(Renderer2);\n\n  /**\n   * Access the focus monitor.\n   */\n  const focusMonitor = inject(FocusMonitor);\n\n  /**\n   * Whether the element is currently focused.\n   */\n  const isFocused = signal<boolean>(false);\n\n  // handle focus state\n  focusMonitor\n    .monitor(elementRef.nativeElement)\n    .pipe(takeUntilDestroyed())\n    .subscribe(origin =>\n      // null indicates the element was blurred\n      origin === null ? onBlur() : onFocus(origin),\n    );\n\n  // if the component becomes disabled and it is focused, hide the focus\n  onBooleanChange(disabled, () => focus(false));\n\n  function onFocus(origin: FocusOrigin): void {\n    if (disabled() || isFocused()) {\n      return;\n    }\n\n    // for some elements the focus visible state should always appear on focus\n    if (alwaysShowFocus()) {\n      focus(true);\n      return;\n    }\n\n    // if the focus origin is keyboard or program(focused programmatically), then the focus is visible\n    if (origin === 'keyboard') {\n      focus(true);\n      return;\n    }\n  }\n\n  function onBlur(): void {\n    if (disabled() || !isFocused()) {\n      return;\n    }\n\n    focus(false);\n  }\n\n  /**\n   * Trigger the focus signal along with the focusChange event.\n   */\n  function focus(value: boolean) {\n    if (isFocused() === value) {\n      return;\n    }\n\n    isFocused.set(value);\n    focusChange?.(value);\n\n    if (value) {\n      renderer.setAttribute(elementRef.nativeElement, 'data-focus-visible', '');\n    } else {\n      renderer.removeAttribute(elementRef.nativeElement, 'data-focus-visible');\n    }\n  }\n\n  function alwaysShowFocus(): boolean {\n    const nonTextInputTypes = [\n      'checkbox',\n      'radio',\n      'range',\n      'color',\n      'file',\n      'image',\n      'button',\n      'submit',\n      'reset',\n    ];\n\n    // if this is an input element and it is a text input\n    if (\n      elementRef.nativeElement instanceof HTMLInputElement &&\n      !nonTextInputTypes.includes(elementRef.nativeElement.type)\n    ) {\n      return true;\n    }\n\n    // if this is a textarea\n    if (elementRef.nativeElement instanceof HTMLTextAreaElement) {\n      return true;\n    }\n\n    // if this is an element with contenteditable\n    if (\n      elementRef.nativeElement.isContentEditable ||\n      elementRef.nativeElement.hasAttribute('contenteditable')\n    ) {\n      return true;\n    }\n\n    return false;\n  }\n\n  return {\n    isFocused,\n  };\n}\n","import { isPlatformServer } from '@angular/common';\nimport { inject, PLATFORM_ID } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromResizeEvent } from 'ng-primitives/resize';\n\n/**\n * Whenever an element is removed from the DOM, we call the callback.\n * @param element The element to watch for removal.\n * @param callback The callback to call when the element is removed.\n */\nexport function onDomRemoval(element: HTMLElement, callback: () => void): void {\n  const platform = inject(PLATFORM_ID);\n\n  // Dont run this on the server\n  if (isPlatformServer(platform)) {\n    return;\n  }\n\n  // This is a bit of a hack, but it works. If the element dimensions become zero,\n  // it's likely that the element has been removed from the DOM.\n  fromResizeEvent(element)\n    .pipe(takeUntilDestroyed())\n    .subscribe(dimensions => {\n      // we check the dimensions first to short-circuit the check as it's faster\n      if (dimensions.width === 0 && dimensions.height === 0 && !document.body.contains(element)) {\n        callback();\n      }\n    });\n}\n","import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { effect, ElementRef, inject, Injectable, PLATFORM_ID, Signal, signal } from '@angular/core';\nimport { injectDisposables, onBooleanChange } from 'ng-primitives/utils';\nimport { onDomRemoval } from '../utilities/dom-removal';\n\n/**\n * We use a service here as this value is a singleton\n * and allows us to register the dom events once.\n */\n@Injectable({\n  providedIn: 'root',\n})\nclass GlobalPointerEvents {\n  /**\n   * Whether global mouse events should be ignored.\n   */\n  ignoreEmulatedMouseEvents: boolean = false;\n\n  /**\n   * Access the document.\n   */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Determine the platform id.\n   */\n  private readonly platformId = inject(PLATFORM_ID);\n\n  constructor() {\n    // we only want to setup events on the client\n    if (isPlatformBrowser(this.platformId)) {\n      this.setupGlobalTouchEvents();\n    }\n  }\n\n  private setupGlobalTouchEvents(): void {\n    this.document.addEventListener('pointerup', this.handleGlobalPointerEvent.bind(this));\n    this.document.addEventListener('touchend', this.setGlobalIgnoreEmulatedMouseEvents.bind(this));\n  }\n\n  private setGlobalIgnoreEmulatedMouseEvents(): void {\n    this.ignoreEmulatedMouseEvents = true;\n    // Clear globalIgnoreEmulatedMouseEvents after a short timeout. iOS fires onPointerEnter\n    // with pointerType=\"mouse\" immediately after onPointerUp and before onFocus. On other\n    // devices that don't have this quirk, we don't want to ignore a mouse hover sometime in\n    // the distant future because a user previously touched the element.\n    setTimeout(() => (this.ignoreEmulatedMouseEvents = false), 50);\n  }\n\n  private handleGlobalPointerEvent(event: PointerEvent): void {\n    if (event.pointerType === 'touch') {\n      this.setGlobalIgnoreEmulatedMouseEvents();\n    }\n  }\n}\n\ninterface NgpHoverOptions {\n  disabled?: Signal<boolean>;\n  hoverStart?: () => void;\n  hoverEnd?: () => void;\n}\n\nexport interface NgpHoverState {\n  hovered: Signal<boolean>;\n}\n\n/**\n * Programatically add the hover functionality to an element.\n * This is useful in cases where we can't necessarily use a HostDirective,\n * because there is a chance the directive has already been used.\n */\nexport function setupHover({\n  hoverStart,\n  hoverEnd,\n  disabled = signal(false),\n}: NgpHoverOptions): NgpHoverState {\n  /**\n   * Access the element.\n   */\n  const elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access the global pointer events handler.\n   */\n  const globalPointerEvents = inject(GlobalPointerEvents);\n\n  /**\n   * Access the disposable helper.\n   */\n  const disposables = injectDisposables();\n\n  /**\n   * Store the current hover state.\n   */\n  const hovered = signal<boolean>(false);\n\n  /**\n   * Whether this element should ignore emulated mouse events.\n   */\n  let ignoreEmulatedMouseEvents: boolean = false;\n\n  /**\n   * Setup event listeners.\n   */\n  disposables.addEventListener(elementRef.nativeElement, 'pointerenter', onPointerEnter);\n  disposables.addEventListener(elementRef.nativeElement, 'pointerleave', onPointerLeave);\n  disposables.addEventListener(elementRef.nativeElement, 'touchstart', onTouchStart);\n  disposables.addEventListener(elementRef.nativeElement, 'mouseenter', onMouseEnter);\n  disposables.addEventListener(elementRef.nativeElement, 'mouseleave', onMouseLeave);\n\n  // anytime the disabled state changes to true, we must reset the hover state\n  if (disabled) {\n    onBooleanChange(disabled, reset);\n  }\n\n  // if the element is removed from the dom, we want to reset the hover state\n  onDomRemoval(elementRef.nativeElement, reset);\n\n  // anytime the hover state changes we want to update the attribute\n  effect(() =>\n    hovered()\n      ? elementRef.nativeElement.setAttribute('data-hover', '')\n      : elementRef.nativeElement.removeAttribute('data-hover'),\n  );\n\n  /**\n   * Reset the hover state.\n   */\n  function reset(): void {\n    onHoverEnd('mouse');\n  }\n\n  /**\n   * Trigger the hover start events.\n   * @param event\n   * @param pointerType\n   */\n  function onHoverStart(event: Event, pointerType: string): void {\n    if (\n      disabled() ||\n      pointerType === 'touch' ||\n      hovered() ||\n      !(event.currentTarget as Element)?.contains(event.target as Element)\n    ) {\n      return;\n    }\n\n    hovered.set(true);\n    hoverStart?.();\n  }\n\n  /**\n   * Trigger the hover end events.\n   * @param pointerType\n   */\n  function onHoverEnd(pointerType: string): void {\n    if (pointerType === 'touch' || !hovered()) {\n      return;\n    }\n\n    hovered.set(false);\n    hoverEnd?.();\n  }\n\n  function onPointerEnter(event: PointerEvent): void {\n    if (globalPointerEvents.ignoreEmulatedMouseEvents && event.pointerType === 'mouse') {\n      return;\n    }\n\n    onHoverStart(event, event.pointerType);\n  }\n\n  function onPointerLeave(event: PointerEvent): void {\n    if (!disabled() && (event.currentTarget as Element)?.contains(event.target as Element)) {\n      onHoverEnd(event.pointerType);\n    }\n  }\n\n  function onTouchStart(): void {\n    ignoreEmulatedMouseEvents = true;\n  }\n\n  function onMouseEnter(event: MouseEvent): void {\n    if (!ignoreEmulatedMouseEvents && !globalPointerEvents.ignoreEmulatedMouseEvents) {\n      onHoverStart(event, 'mouse');\n    }\n\n    ignoreEmulatedMouseEvents = false;\n  }\n\n  function onMouseLeave(event: MouseEvent): void {\n    if (!disabled() && (event.currentTarget as Element)?.contains(event.target as Element)) {\n      onHoverEnd('mouse');\n    }\n  }\n\n  return { hovered };\n}\n","import { ElementRef, Signal, effect, inject, signal } from '@angular/core';\nimport { injectDisposables } from 'ng-primitives/utils';\n\ninterface NgpPressState {\n  pressed: Signal<boolean>;\n}\n\ninterface NgpPressOptions {\n  disabled?: Signal<boolean>;\n  pressStart?: () => void;\n  pressEnd?: () => void;\n}\n\nexport function setupPress({\n  pressStart,\n  pressEnd,\n  disabled = signal(false),\n}: NgpPressOptions): NgpPressState {\n  /**\n   * Access the element reference.\n   */\n  const elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access the disposables helper.\n   */\n  const disposables = injectDisposables();\n\n  /**\n   * Whether the element is currently pressed.\n   */\n  const pressed = signal<boolean>(false);\n\n  // setup event listeners\n  disposables.addEventListener(elementRef.nativeElement, 'pointerdown', onPointerDown);\n\n  // anytime the press state changes we want to update the attribute\n  effect(() =>\n    pressed() && !disabled()\n      ? elementRef.nativeElement.setAttribute('data-press', '')\n      : elementRef.nativeElement.removeAttribute('data-press'),\n  );\n\n  /**\n   * Reset the press state.\n   */\n  function reset(): void {\n    // if we are not pressing, then do nothing\n    if (!pressed()) {\n      return;\n    }\n\n    // clear any existing disposables\n    disposableListeners.forEach(dispose => dispose());\n    pressed.set(false);\n    pressEnd?.();\n  }\n\n  /**\n   * Store the list of disposables.\n   */\n  let disposableListeners: (() => void)[] = [];\n\n  function onPointerDown(): void {\n    if (disabled()) {\n      return;\n    }\n\n    // clear any existing disposables\n    disposableListeners.forEach(dispose => dispose());\n\n    // update the press state\n    pressed.set(true);\n    pressStart?.();\n\n    // setup global event listeners to catch events on elements outside the directive\n    const ownerDocument = elementRef.nativeElement.ownerDocument ?? document;\n\n    // if the pointer up event happens on any elements, then we are no longer pressing on this element\n    const pointerUp = disposables.addEventListener(\n      ownerDocument,\n      'pointerup',\n      () => reset(),\n      false,\n    );\n\n    // Instead of relying on the `pointerleave` event, which is not consistently called on iOS Safari,\n    // we use the `pointermove` event to determine if we are still \"pressing\".\n    // By checking if the target is still within the element, we can determine if the press is ongoing.\n    const pointerMove = disposables.addEventListener(\n      ownerDocument,\n      'pointermove',\n      () => onPointerMove as EventListener,\n      false,\n    );\n\n    // if the pointer is cancelled, then we are no longer pressing on this element\n    const pointerCancel = disposables.addEventListener(\n      ownerDocument,\n      'pointercancel',\n      () => reset(),\n      false,\n    );\n\n    disposableListeners = [pointerUp, pointerMove, pointerCancel];\n  }\n\n  function onPointerMove(event: PointerEvent): void {\n    if (\n      elementRef.nativeElement !== event.target &&\n      !elementRef.nativeElement.contains(event.target as Node)\n    ) {\n      reset();\n    }\n  }\n\n  return { pressed };\n}\n","import { signal, Signal } from '@angular/core';\nimport { setupFocus } from './focus';\nimport { setupFocusVisible } from './focus-visible';\nimport { setupHover } from './hover';\nimport { setupPress } from './press';\n\nexport interface NgpInteractionOptions {\n  hover?: boolean;\n  press?: boolean;\n  focus?: boolean;\n  focusVisible?: boolean;\n  disabled?: Signal<boolean>;\n}\n\n/**\n * Setup the interactions without relying on HostDirectives.\n */\nexport function setupInteractions({\n  focus,\n  hover,\n  press,\n  focusVisible,\n  disabled = signal(false),\n}: NgpInteractionOptions): void {\n  if (hover) {\n    setupHover({ disabled });\n  }\n  if (press) {\n    setupPress({ disabled });\n  }\n  if (focus) {\n    setupFocus({ disabled });\n  }\n  if (focusVisible) {\n    setupFocusVisible({ disabled });\n  }\n}\n","/**\n * This implementation is heavily inspired by the great work on ngextension!\n * https://github.com/ngxtension/ngxtension-platform/blob/main/libs/ngxtension/explicit-effect/src/explicit-effect.ts\n */\nimport {\n  CreateEffectOptions,\n  EffectCleanupRegisterFn,\n  EffectRef,\n  effect,\n  untracked,\n} from '@angular/core';\n\n/**\n * We want to have the Tuple in order to use the types in the function signature\n */\ntype ExplicitEffectValues<T> = {\n  [K in keyof T]: () => T[K];\n};\n\n/**\n * This explicit effect function will take the dependencies and the function to run when the dependencies change.\n * @param deps - The dependencies that the effect will run on\n * @param fn - The function to run when the dependencies change\n * @param options - The options for the effect with the addition of defer (it allows the computation to run on first change, not immediately)\n */\nexport function explicitEffect<Input extends readonly unknown[], Params = Input>(\n  deps: readonly [...ExplicitEffectValues<Input>],\n  fn: (deps: Params, onCleanup: EffectCleanupRegisterFn) => void,\n  options?: CreateEffectOptions,\n): EffectRef {\n  return effect(onCleanup => {\n    const depValues = deps.map(s => s());\n    untracked(() => fn(depValues as Params, onCleanup));\n  }, options);\n}\n","import { effect, Signal, untracked, WritableSignal } from '@angular/core';\n\nexport function syncState<T>(source: Signal<T>, target: WritableSignal<T>) {\n  effect(() => {\n    const sourceValue = source();\n    untracked(() => target.set(sourceValue));\n  });\n}\n","import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { inject, Injectable, PLATFORM_ID } from '@angular/core';\n\n/**\n * A utility service for injecting styles into the document.\n * Angular doesn't allow directives to specify styles, only components.\n * As we ship directives, occasionally we need to associate styles with them.\n * This service allows us to programmatically inject styles into the document.\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class StyleInjector {\n  /**\n   * Access the document.\n   */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Detect the platform.\n   */\n  private readonly platformId = inject(PLATFORM_ID);\n\n  /**\n   * Store the map of style elements with their unique identifiers.\n   */\n  private readonly styleElements = new Map<string, HTMLStyleElement>();\n\n  constructor() {\n    if (isPlatformBrowser(this.platformId)) {\n      this.collectServerStyles();\n    }\n  }\n\n  /**\n   * Inject a style into the document.\n   * @param id The unique identifier for the style.\n   * @param style The style to inject.\n   */\n  add(id: string, style: string): void {\n    if (this.styleElements.has(id)) {\n      return;\n    }\n\n    const styleElement = this.document.createElement('style');\n    styleElement.setAttribute('data-ngp-style', id);\n    styleElement.textContent = style;\n\n    this.document.head.appendChild(styleElement);\n    this.styleElements.set(id, styleElement);\n  }\n\n  /**\n   * Remove a style from the document.\n   * @param id The unique identifier for the style.\n   */\n  remove(id: string): void {\n    const styleElement = this.styleElements.get(id);\n\n    if (styleElement) {\n      this.document.head.removeChild(styleElement);\n      this.styleElements.delete(id);\n    }\n  }\n\n  /**\n   * Collect any styles that were rendered by the server.\n   */\n  private collectServerStyles(): void {\n    const styleElements = this.document.querySelectorAll<HTMLStyleElement>('style[data-ngp-style]');\n\n    styleElements.forEach(styleElement => {\n      const id = styleElement.getAttribute('data-ngp-style');\n\n      if (id) {\n        this.styleElements.set(id, styleElement);\n      }\n    });\n  }\n}\n\nexport function injectStyleInjector(): StyleInjector {\n  return inject(StyleInjector);\n}\n","function getScrollableAncestor(element: HTMLElement): HTMLElement | null {\n  let parent = element.parentElement;\n  while (parent) {\n    const style = window.getComputedStyle(parent);\n    if (/(auto|scroll)/.test(style.overflowY) || /(auto|scroll)/.test(style.overflowX)) {\n      return parent;\n    }\n    parent = parent.parentElement;\n  }\n  return null;\n}\n\nexport function scrollIntoViewIfNeeded(element: HTMLElement): void {\n  const scrollableAncestor = getScrollableAncestor(element);\n  if (!scrollableAncestor) return;\n\n  const parentRect = scrollableAncestor.getBoundingClientRect();\n  const elementRect = element.getBoundingClientRect();\n\n  if (elementRect.top < parentRect.top) {\n    scrollableAncestor.scrollTop -= parentRect.top - elementRect.top;\n  } else if (elementRect.bottom > parentRect.bottom) {\n    scrollableAncestor.scrollTop += elementRect.bottom - parentRect.bottom;\n  }\n\n  if (elementRect.left < parentRect.left) {\n    scrollableAncestor.scrollLeft -= parentRect.left - elementRect.left;\n  } else if (elementRect.right > parentRect.right) {\n    scrollableAncestor.scrollLeft += elementRect.right - parentRect.right;\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-internal.mjs","sources":["../../../../packages/ng-primitives/internal/src/utilities/element-ref.ts","../../../../packages/ng-primitives/internal/src/exit-animation/exit-animation-manager.ts","../../../../packages/ng-primitives/internal/src/exit-animation/exit-animation.ts","../../../../packages/ng-primitives/internal/src/interactions/focus.ts","../../../../packages/ng-primitives/internal/src/interactions/focus-visible.ts","../../../../packages/ng-primitives/internal/src/utilities/dom-removal.ts","../../../../packages/ng-primitives/internal/src/interactions/hover.ts","../../../../packages/ng-primitives/internal/src/interactions/press.ts","../../../../packages/ng-primitives/internal/src/interactions/interactions.ts","../../../../packages/ng-primitives/internal/src/signals/explicit-effect.ts","../../../../packages/ng-primitives/internal/src/signals/sync-state.ts","../../../../packages/ng-primitives/internal/src/style-injector/style-injector.ts","../../../../packages/ng-primitives/internal/src/utilities/scrolling.ts","../../../../packages/ng-primitives/internal/src/ng-primitives-internal.ts"],"sourcesContent":["import { ElementRef, inject } from '@angular/core';\n\n/**\n * A simple utility function to inject an element reference with less boilerplate.\n * @returns The element reference.\n */\nexport function injectElementRef<T extends HTMLElement>(): ElementRef<T> {\n  return inject(ElementRef);\n}\n","import { ClassProvider, inject, Injectable } from '@angular/core';\nimport type { NgpExitAnimation } from './exit-animation';\n\n@Injectable()\nexport class NgpExitAnimationManager {\n  /** Store the instances of the exit animation directive. */\n  private readonly instances: NgpExitAnimation[] = [];\n\n  /** Add an instance to the manager. */\n  add(instance: NgpExitAnimation): void {\n    this.instances.push(instance);\n  }\n\n  /** Remove an instance from the manager. */\n  remove(instance: NgpExitAnimation): void {\n    const index = this.instances.indexOf(instance);\n    if (index !== -1) {\n      this.instances.splice(index, 1);\n    }\n  }\n\n  /** Exit all instances. */\n  exit(): Promise<void> {\n    return new Promise((resolve, reject) => {\n      const exitPromises = this.instances.map(instance => instance.exit());\n\n      // Wait for all exit animations to finish\n      Promise.all(exitPromises)\n        .then(() => resolve())\n        .catch(err => {\n          if (err instanceof Error && err.name !== 'AbortError') {\n            return reject(err);\n          }\n          // Ignore abort errors as they are expected when the animation is interrupted\n          // by the removal of the element - e.g. when the user navigates away to another page\n          resolve();\n        });\n    });\n  }\n}\n\nexport function provideExitAnimationManager(): ClassProvider {\n  return { provide: NgpExitAnimationManager, useClass: NgpExitAnimationManager };\n}\n\nexport function injectExitAnimationManager(): NgpExitAnimationManager {\n  return inject(NgpExitAnimationManager);\n}\n","import { Directive, inject, OnDestroy, Renderer2 } from '@angular/core';\nimport { injectElementRef } from '../utilities/element-ref';\nimport { injectExitAnimationManager } from './exit-animation-manager';\n\n@Directive({\n  selector: '[ngpExitAnimation]',\n  exportAs: 'ngpExitAnimation',\n})\nexport class NgpExitAnimation implements OnDestroy {\n  /** The animation manager. */\n  private readonly animationManager = injectExitAnimationManager();\n  /** The element to animate. */\n  private readonly elementRef = injectElementRef();\n  /** Access the renderer. */\n  private readonly renderer = inject(Renderer2);\n\n  constructor() {\n    this.animationManager.add(this);\n    this.setAnimationState('enter');\n  }\n\n  ngOnDestroy(): void {\n    this.animationManager.remove(this);\n  }\n\n  /** Mark the element as exiting. */\n  async exit(): Promise<void> {\n    this.setAnimationState('exit');\n\n    const animation = this.elementRef.nativeElement.getAnimations();\n\n    if (animation.length > 0) {\n      // Wait for the exit animation to finish\n      await Promise.all(animation.map(anim => anim.finished));\n    }\n  }\n\n  private setAnimationState(state: 'enter' | 'exit' | null): void {\n    // remove all current animation state attributes\n    this.renderer.removeAttribute(this.elementRef.nativeElement, 'data-enter');\n    this.renderer.removeAttribute(this.elementRef.nativeElement, 'data-exit');\n\n    // add the new animation state attribute\n    if (state === 'enter') {\n      this.renderer.setAttribute(this.elementRef.nativeElement, 'data-enter', '');\n    } else if (state === 'exit') {\n      this.renderer.setAttribute(this.elementRef.nativeElement, 'data-exit', '');\n      // make the element inert to prevent interaction while exiting\n      this.renderer.setAttribute(this.elementRef.nativeElement, 'inert', '');\n    }\n  }\n}\n","import { ElementRef, Renderer2, Signal, inject, signal } from '@angular/core';\nimport { injectDisposables } from 'ng-primitives/utils';\n\nexport interface NgpFocusOptions {\n  disabled?: Signal<boolean>;\n  focus?: () => void;\n  blur?: () => void;\n}\n\nexport interface NgpFocusState {\n  isFocused: Signal<boolean>;\n}\n\nexport function setupFocus({\n  focus,\n  blur,\n  disabled = signal(false),\n}: NgpFocusOptions): NgpFocusState {\n  /**\n   * Access the element reference.\n   */\n  const elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access the disposables helper.\n   */\n  const disposables = injectDisposables();\n\n  /**\n   * Access the renderer.\n   */\n  const renderer = inject(Renderer2);\n\n  /**\n   * Whether the element is currently focused.\n   */\n  const isFocused = signal<boolean>(false);\n\n  // setup event listeners\n  disposables.addEventListener(elementRef.nativeElement, 'focus', onFocus);\n  disposables.addEventListener(elementRef.nativeElement, 'blur', onBlur);\n\n  /**\n   * Listen for focus events.\n   * @param event\n   */\n  function onFocus(event: FocusEvent): void {\n    if (disabled()) {\n      return;\n    }\n\n    const ownerDocument = (event.target as HTMLElement)?.ownerDocument ?? document;\n\n    // ensure this element is still focused\n    if (ownerDocument.activeElement === event.target && event.currentTarget === event.target) {\n      focus?.();\n      isFocused.set(true);\n      // set the data-focus attribute\n      renderer.setAttribute(elementRef.nativeElement, 'data-focus', '');\n    }\n  }\n\n  /**\n   * Listen for blur events.\n   * @param event\n   */\n  function onBlur(event: FocusEvent): void {\n    if (disabled()) {\n      return;\n    }\n\n    if (event.currentTarget === event.target) {\n      blur?.();\n      isFocused.set(false);\n      // remove the data-focus attribute\n      renderer.removeAttribute(elementRef.nativeElement, 'data-focus');\n    }\n  }\n\n  return {\n    isFocused,\n  };\n}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { ElementRef, inject, Renderer2, Signal, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { onBooleanChange } from 'ng-primitives/utils';\n\nexport interface NgpFocusVisibleOptions {\n  disabled?: Signal<boolean>;\n  focusChange?: (value: boolean) => void;\n}\n\nexport interface NgpFocusVisibleState {\n  isFocused: Signal<boolean>;\n}\n\nexport function setupFocusVisible({\n  focusChange,\n  disabled = signal(false),\n}: NgpFocusVisibleOptions): NgpFocusVisibleState {\n  /**\n   * Access the element that the directive is applied to.\n   */\n  const elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access the renderer.\n   */\n  const renderer = inject(Renderer2);\n\n  /**\n   * Access the focus monitor.\n   */\n  const focusMonitor = inject(FocusMonitor);\n\n  /**\n   * Whether the element is currently focused.\n   */\n  const isFocused = signal<boolean>(false);\n\n  // handle focus state\n  focusMonitor\n    .monitor(elementRef.nativeElement)\n    .pipe(takeUntilDestroyed())\n    .subscribe(origin =>\n      // null indicates the element was blurred\n      origin === null ? onBlur() : onFocus(origin),\n    );\n\n  // if the component becomes disabled and it is focused, hide the focus\n  onBooleanChange(disabled, () => focus(false));\n\n  function onFocus(origin: FocusOrigin): void {\n    if (disabled() || isFocused()) {\n      return;\n    }\n\n    // for some elements the focus visible state should always appear on focus\n    if (alwaysShowFocus()) {\n      focus(true);\n      return;\n    }\n\n    // if the focus origin is keyboard or program(focused programmatically), then the focus is visible\n    if (origin === 'keyboard') {\n      focus(true);\n      return;\n    }\n  }\n\n  function onBlur(): void {\n    if (disabled() || !isFocused()) {\n      return;\n    }\n\n    focus(false);\n  }\n\n  /**\n   * Trigger the focus signal along with the focusChange event.\n   */\n  function focus(value: boolean) {\n    if (isFocused() === value) {\n      return;\n    }\n\n    isFocused.set(value);\n    focusChange?.(value);\n\n    if (value) {\n      renderer.setAttribute(elementRef.nativeElement, 'data-focus-visible', '');\n    } else {\n      renderer.removeAttribute(elementRef.nativeElement, 'data-focus-visible');\n    }\n  }\n\n  function alwaysShowFocus(): boolean {\n    const nonTextInputTypes = [\n      'checkbox',\n      'radio',\n      'range',\n      'color',\n      'file',\n      'image',\n      'button',\n      'submit',\n      'reset',\n    ];\n\n    // if this is an input element and it is a text input\n    if (\n      elementRef.nativeElement instanceof HTMLInputElement &&\n      !nonTextInputTypes.includes(elementRef.nativeElement.type)\n    ) {\n      return true;\n    }\n\n    // if this is a textarea\n    if (elementRef.nativeElement instanceof HTMLTextAreaElement) {\n      return true;\n    }\n\n    // if this is an element with contenteditable\n    if (\n      elementRef.nativeElement.isContentEditable ||\n      elementRef.nativeElement.hasAttribute('contenteditable')\n    ) {\n      return true;\n    }\n\n    return false;\n  }\n\n  return {\n    isFocused,\n  };\n}\n","import { isPlatformServer } from '@angular/common';\nimport { inject, PLATFORM_ID } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromResizeEvent } from 'ng-primitives/resize';\n\n/**\n * Whenever an element is removed from the DOM, we call the callback.\n * @param element The element to watch for removal.\n * @param callback The callback to call when the element is removed.\n */\nexport function onDomRemoval(element: HTMLElement, callback: () => void): void {\n  const platform = inject(PLATFORM_ID);\n\n  // Dont run this on the server\n  if (isPlatformServer(platform)) {\n    return;\n  }\n\n  // This is a bit of a hack, but it works. If the element dimensions become zero,\n  // it's likely that the element has been removed from the DOM.\n  fromResizeEvent(element)\n    .pipe(takeUntilDestroyed())\n    .subscribe(dimensions => {\n      // we check the dimensions first to short-circuit the check as it's faster\n      if (dimensions.width === 0 && dimensions.height === 0 && !document.body.contains(element)) {\n        callback();\n      }\n    });\n}\n","import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { effect, ElementRef, inject, Injectable, PLATFORM_ID, Signal, signal } from '@angular/core';\nimport { injectDisposables, onBooleanChange } from 'ng-primitives/utils';\nimport { onDomRemoval } from '../utilities/dom-removal';\n\n/**\n * We use a service here as this value is a singleton\n * and allows us to register the dom events once.\n */\n@Injectable({\n  providedIn: 'root',\n})\nclass GlobalPointerEvents {\n  /**\n   * Whether global mouse events should be ignored.\n   */\n  ignoreEmulatedMouseEvents: boolean = false;\n\n  /**\n   * Access the document.\n   */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Determine the platform id.\n   */\n  private readonly platformId = inject(PLATFORM_ID);\n\n  constructor() {\n    // we only want to setup events on the client\n    if (isPlatformBrowser(this.platformId)) {\n      this.setupGlobalTouchEvents();\n    }\n  }\n\n  private setupGlobalTouchEvents(): void {\n    this.document.addEventListener('pointerup', this.handleGlobalPointerEvent.bind(this));\n    this.document.addEventListener('touchend', this.setGlobalIgnoreEmulatedMouseEvents.bind(this));\n  }\n\n  private setGlobalIgnoreEmulatedMouseEvents(): void {\n    this.ignoreEmulatedMouseEvents = true;\n    // Clear globalIgnoreEmulatedMouseEvents after a short timeout. iOS fires onPointerEnter\n    // with pointerType=\"mouse\" immediately after onPointerUp and before onFocus. On other\n    // devices that don't have this quirk, we don't want to ignore a mouse hover sometime in\n    // the distant future because a user previously touched the element.\n    setTimeout(() => (this.ignoreEmulatedMouseEvents = false), 50);\n  }\n\n  private handleGlobalPointerEvent(event: PointerEvent): void {\n    if (event.pointerType === 'touch') {\n      this.setGlobalIgnoreEmulatedMouseEvents();\n    }\n  }\n}\n\ninterface NgpHoverOptions {\n  disabled?: Signal<boolean>;\n  hoverStart?: () => void;\n  hoverEnd?: () => void;\n}\n\nexport interface NgpHoverState {\n  hovered: Signal<boolean>;\n}\n\n/**\n * Programatically add the hover functionality to an element.\n * This is useful in cases where we can't necessarily use a HostDirective,\n * because there is a chance the directive has already been used.\n */\nexport function setupHover({\n  hoverStart,\n  hoverEnd,\n  disabled = signal(false),\n}: NgpHoverOptions): NgpHoverState {\n  /**\n   * Access the element.\n   */\n  const elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access the global pointer events handler.\n   */\n  const globalPointerEvents = inject(GlobalPointerEvents);\n\n  /**\n   * Access the disposable helper.\n   */\n  const disposables = injectDisposables();\n\n  /**\n   * Store the current hover state.\n   */\n  const hovered = signal<boolean>(false);\n\n  /**\n   * Whether this element should ignore emulated mouse events.\n   */\n  let ignoreEmulatedMouseEvents: boolean = false;\n\n  /**\n   * Setup event listeners.\n   */\n  disposables.addEventListener(elementRef.nativeElement, 'pointerenter', onPointerEnter);\n  disposables.addEventListener(elementRef.nativeElement, 'pointerleave', onPointerLeave);\n  disposables.addEventListener(elementRef.nativeElement, 'touchstart', onTouchStart);\n  disposables.addEventListener(elementRef.nativeElement, 'mouseenter', onMouseEnter);\n  disposables.addEventListener(elementRef.nativeElement, 'mouseleave', onMouseLeave);\n\n  // anytime the disabled state changes to true, we must reset the hover state\n  if (disabled) {\n    onBooleanChange(disabled, reset);\n  }\n\n  // if the element is removed from the dom, we want to reset the hover state\n  onDomRemoval(elementRef.nativeElement, reset);\n\n  // anytime the hover state changes we want to update the attribute\n  effect(() =>\n    hovered()\n      ? elementRef.nativeElement.setAttribute('data-hover', '')\n      : elementRef.nativeElement.removeAttribute('data-hover'),\n  );\n\n  /**\n   * Reset the hover state.\n   */\n  function reset(): void {\n    onHoverEnd('mouse');\n  }\n\n  /**\n   * Trigger the hover start events.\n   * @param event\n   * @param pointerType\n   */\n  function onHoverStart(event: Event, pointerType: string): void {\n    if (\n      disabled() ||\n      pointerType === 'touch' ||\n      hovered() ||\n      !(event.currentTarget as Element)?.contains(event.target as Element)\n    ) {\n      return;\n    }\n\n    hovered.set(true);\n    hoverStart?.();\n  }\n\n  /**\n   * Trigger the hover end events.\n   * @param pointerType\n   */\n  function onHoverEnd(pointerType: string): void {\n    if (pointerType === 'touch' || !hovered()) {\n      return;\n    }\n\n    hovered.set(false);\n    hoverEnd?.();\n  }\n\n  function onPointerEnter(event: PointerEvent): void {\n    if (globalPointerEvents.ignoreEmulatedMouseEvents && event.pointerType === 'mouse') {\n      return;\n    }\n\n    onHoverStart(event, event.pointerType);\n  }\n\n  function onPointerLeave(event: PointerEvent): void {\n    if (!disabled() && (event.currentTarget as Element)?.contains(event.target as Element)) {\n      onHoverEnd(event.pointerType);\n    }\n  }\n\n  function onTouchStart(): void {\n    ignoreEmulatedMouseEvents = true;\n  }\n\n  function onMouseEnter(event: MouseEvent): void {\n    if (!ignoreEmulatedMouseEvents && !globalPointerEvents.ignoreEmulatedMouseEvents) {\n      onHoverStart(event, 'mouse');\n    }\n\n    ignoreEmulatedMouseEvents = false;\n  }\n\n  function onMouseLeave(event: MouseEvent): void {\n    if (!disabled() && (event.currentTarget as Element)?.contains(event.target as Element)) {\n      onHoverEnd('mouse');\n    }\n  }\n\n  return { hovered };\n}\n","import { ElementRef, Signal, effect, inject, signal } from '@angular/core';\nimport { injectDisposables } from 'ng-primitives/utils';\n\ninterface NgpPressState {\n  pressed: Signal<boolean>;\n}\n\ninterface NgpPressOptions {\n  disabled?: Signal<boolean>;\n  pressStart?: () => void;\n  pressEnd?: () => void;\n}\n\nexport function setupPress({\n  pressStart,\n  pressEnd,\n  disabled = signal(false),\n}: NgpPressOptions): NgpPressState {\n  /**\n   * Access the element reference.\n   */\n  const elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access the disposables helper.\n   */\n  const disposables = injectDisposables();\n\n  /**\n   * Whether the element is currently pressed.\n   */\n  const pressed = signal<boolean>(false);\n\n  // setup event listeners\n  disposables.addEventListener(elementRef.nativeElement, 'pointerdown', onPointerDown);\n\n  // anytime the press state changes we want to update the attribute\n  effect(() =>\n    pressed() && !disabled()\n      ? elementRef.nativeElement.setAttribute('data-press', '')\n      : elementRef.nativeElement.removeAttribute('data-press'),\n  );\n\n  /**\n   * Reset the press state.\n   */\n  function reset(): void {\n    // if we are not pressing, then do nothing\n    if (!pressed()) {\n      return;\n    }\n\n    // clear any existing disposables\n    disposableListeners.forEach(dispose => dispose());\n    pressed.set(false);\n    pressEnd?.();\n  }\n\n  /**\n   * Store the list of disposables.\n   */\n  let disposableListeners: (() => void)[] = [];\n\n  function onPointerDown(): void {\n    if (disabled()) {\n      return;\n    }\n\n    // clear any existing disposables\n    disposableListeners.forEach(dispose => dispose());\n\n    // update the press state\n    pressed.set(true);\n    pressStart?.();\n\n    // setup global event listeners to catch events on elements outside the directive\n    const ownerDocument = elementRef.nativeElement.ownerDocument ?? document;\n\n    // if the pointer up event happens on any elements, then we are no longer pressing on this element\n    const pointerUp = disposables.addEventListener(\n      ownerDocument,\n      'pointerup',\n      () => reset(),\n      false,\n    );\n\n    // Instead of relying on the `pointerleave` event, which is not consistently called on iOS Safari,\n    // we use the `pointermove` event to determine if we are still \"pressing\".\n    // By checking if the target is still within the element, we can determine if the press is ongoing.\n    const pointerMove = disposables.addEventListener(\n      ownerDocument,\n      'pointermove',\n      () => onPointerMove as EventListener,\n      false,\n    );\n\n    // if the pointer is cancelled, then we are no longer pressing on this element\n    const pointerCancel = disposables.addEventListener(\n      ownerDocument,\n      'pointercancel',\n      () => reset(),\n      false,\n    );\n\n    disposableListeners = [pointerUp, pointerMove, pointerCancel];\n  }\n\n  function onPointerMove(event: PointerEvent): void {\n    if (\n      elementRef.nativeElement !== event.target &&\n      !elementRef.nativeElement.contains(event.target as Node)\n    ) {\n      reset();\n    }\n  }\n\n  return { pressed };\n}\n","import { signal, Signal } from '@angular/core';\nimport { setupFocus } from './focus';\nimport { setupFocusVisible } from './focus-visible';\nimport { setupHover } from './hover';\nimport { setupPress } from './press';\n\nexport interface NgpInteractionOptions {\n  hover?: boolean;\n  press?: boolean;\n  focus?: boolean;\n  focusVisible?: boolean;\n  disabled?: Signal<boolean>;\n}\n\n/**\n * Setup the interactions without relying on HostDirectives.\n */\nexport function setupInteractions({\n  focus,\n  hover,\n  press,\n  focusVisible,\n  disabled = signal(false),\n}: NgpInteractionOptions): void {\n  if (hover) {\n    setupHover({ disabled });\n  }\n  if (press) {\n    setupPress({ disabled });\n  }\n  if (focus) {\n    setupFocus({ disabled });\n  }\n  if (focusVisible) {\n    setupFocusVisible({ disabled });\n  }\n}\n","/**\n * This implementation is heavily inspired by the great work on ngextension!\n * https://github.com/ngxtension/ngxtension-platform/blob/main/libs/ngxtension/explicit-effect/src/explicit-effect.ts\n */\nimport {\n  CreateEffectOptions,\n  EffectCleanupRegisterFn,\n  EffectRef,\n  effect,\n  untracked,\n} from '@angular/core';\n\n/**\n * We want to have the Tuple in order to use the types in the function signature\n */\ntype ExplicitEffectValues<T> = {\n  [K in keyof T]: () => T[K];\n};\n\n/**\n * This explicit effect function will take the dependencies and the function to run when the dependencies change.\n * @param deps - The dependencies that the effect will run on\n * @param fn - The function to run when the dependencies change\n * @param options - The options for the effect with the addition of defer (it allows the computation to run on first change, not immediately)\n */\nexport function explicitEffect<Input extends readonly unknown[], Params = Input>(\n  deps: readonly [...ExplicitEffectValues<Input>],\n  fn: (deps: Params, onCleanup: EffectCleanupRegisterFn) => void,\n  options?: CreateEffectOptions,\n): EffectRef {\n  return effect(onCleanup => {\n    const depValues = deps.map(s => s());\n    untracked(() => fn(depValues as Params, onCleanup));\n  }, options);\n}\n","import { effect, Signal, untracked, WritableSignal } from '@angular/core';\n\nexport function syncState<T>(source: Signal<T>, target: WritableSignal<T>) {\n  effect(() => {\n    const sourceValue = source();\n    untracked(() => target.set(sourceValue));\n  });\n}\n","import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { inject, Injectable, PLATFORM_ID } from '@angular/core';\n\n/**\n * A utility service for injecting styles into the document.\n * Angular doesn't allow directives to specify styles, only components.\n * As we ship directives, occasionally we need to associate styles with them.\n * This service allows us to programmatically inject styles into the document.\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class StyleInjector {\n  /**\n   * Access the document.\n   */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Detect the platform.\n   */\n  private readonly platformId = inject(PLATFORM_ID);\n\n  /**\n   * Store the map of style elements with their unique identifiers.\n   */\n  private readonly styleElements = new Map<string, HTMLStyleElement>();\n\n  constructor() {\n    if (isPlatformBrowser(this.platformId)) {\n      this.collectServerStyles();\n    }\n  }\n\n  /**\n   * Inject a style into the document.\n   * @param id The unique identifier for the style.\n   * @param style The style to inject.\n   */\n  add(id: string, style: string): void {\n    if (this.styleElements.has(id)) {\n      return;\n    }\n\n    const styleElement = this.document.createElement('style');\n    styleElement.setAttribute('data-ngp-style', id);\n    styleElement.textContent = style;\n\n    this.document.head.appendChild(styleElement);\n    this.styleElements.set(id, styleElement);\n  }\n\n  /**\n   * Remove a style from the document.\n   * @param id The unique identifier for the style.\n   */\n  remove(id: string): void {\n    const styleElement = this.styleElements.get(id);\n\n    if (styleElement) {\n      this.document.head.removeChild(styleElement);\n      this.styleElements.delete(id);\n    }\n  }\n\n  /**\n   * Collect any styles that were rendered by the server.\n   */\n  private collectServerStyles(): void {\n    const styleElements = this.document.querySelectorAll<HTMLStyleElement>('style[data-ngp-style]');\n\n    styleElements.forEach(styleElement => {\n      const id = styleElement.getAttribute('data-ngp-style');\n\n      if (id) {\n        this.styleElements.set(id, styleElement);\n      }\n    });\n  }\n}\n\nexport function injectStyleInjector(): StyleInjector {\n  return inject(StyleInjector);\n}\n","function getScrollableAncestor(element: HTMLElement): HTMLElement | null {\n  let parent = element.parentElement;\n  while (parent) {\n    const style = window.getComputedStyle(parent);\n    if (/(auto|scroll)/.test(style.overflowY) || /(auto|scroll)/.test(style.overflowX)) {\n      return parent;\n    }\n    parent = parent.parentElement;\n  }\n  return null;\n}\n\nexport function scrollIntoViewIfNeeded(element: HTMLElement): void {\n  const scrollableAncestor = getScrollableAncestor(element);\n  if (!scrollableAncestor) return;\n\n  const parentRect = scrollableAncestor.getBoundingClientRect();\n  const elementRect = element.getBoundingClientRect();\n\n  if (elementRect.top < parentRect.top) {\n    scrollableAncestor.scrollTop -= parentRect.top - elementRect.top;\n  } else if (elementRect.bottom > parentRect.bottom) {\n    scrollableAncestor.scrollTop += elementRect.bottom - parentRect.bottom;\n  }\n\n  if (elementRect.left < parentRect.left) {\n    scrollableAncestor.scrollLeft -= parentRect.left - elementRect.left;\n  } else if (elementRect.right > parentRect.right) {\n    scrollableAncestor.scrollLeft += elementRect.right - parentRect.right;\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();