ng-primitives 0.92.0 → 0.94.0

package/fesm2022/ng-primitives-checkbox.mjs

@@ -4,16 +4,15 @@ import { uniqueId } from 'ng-primitives/utils';
 import { ngpFormControl } from 'ng-primitives/form-field';
 import { ngpInteractions } from 'ng-primitives/interactions';
 import { injectElementRef } from 'ng-primitives/internal';
-import { createPrimitive, controlled, attrBinding, dataBinding, listener, deprecatedSetter } from 'ng-primitives/state';
-import { Subject } from 'rxjs';
+import { createPrimitive, controlled, emitter, attrBinding, dataBinding, listener, deprecatedSetter } from 'ng-primitives/state';
 
 const [NgpCheckboxStateToken, ngpCheckbox, injectCheckboxState, provideCheckboxState] = createPrimitive('NgpCheckbox', ({ id = signal(uniqueId('ngp-checkbox')), checked: _checked = signal(false), indeterminate: _indeterminate = signal(false), disabled: _disabled = signal(false), onCheckedChange, onIndeterminateChange, }) => {
     const element = injectElementRef();
     const checked = controlled(_checked);
     const indeterminate = controlled(_indeterminate);
     const disabled = controlled(_disabled);
-    const checkedChange = new Subject();
-    const indeterminateChange = new Subject();
+    const checkedChange = emitter();
+    const indeterminateChange = emitter();
     const tabindex = computed(() => (disabled() ? -1 : 0), ...(ngDevMode ? [{ debugName: "tabindex" }] : []));
     // Setup interactions and form control hooks
     ngpInteractions({ hover: true, press: true, focusVisible: true, disabled });
@@ -53,12 +52,12 @@ const [NgpCheckboxStateToken, ngpCheckbox, injectCheckboxState, provideCheckboxS
     function setChecked(value) {
         checked.set(value);
         onCheckedChange?.(value);
-        checkedChange.next(value);
+        checkedChange.emit(value);
     }
     function setIndeterminate(value) {
         indeterminate.set(value);
         onIndeterminateChange?.(value);
-        indeterminateChange.next(value);
+        indeterminateChange.emit(value);
     }
     function setDisabled(value) {
         disabled.set(value);
@@ -68,8 +67,8 @@ const [NgpCheckboxStateToken, ngpCheckbox, injectCheckboxState, provideCheckboxS
         checked: deprecatedSetter(checked, 'setChecked'),
         indeterminate: deprecatedSetter(indeterminate, 'setIndeterminate'),
         disabled: deprecatedSetter(disabled, 'setDisabled'),
-        checkedChange,
-        indeterminateChange,
+        checkedChange: checkedChange.asObservable(),
+        indeterminateChange: indeterminateChange.asObservable(),
         toggle,
         setChecked,
         setIndeterminate,
@@ -146,6 +145,24 @@ class NgpCheckbox {
     toggle(event) {
         this.state.toggle(event);
     }
+    /**
+     * Update the checked value.
+     */
+    setChecked(value) {
+        this.state.setChecked(value);
+    }
+    /**
+     * Update the indeterminate value.
+     */
+    setIndeterminate(value) {
+        this.state.setIndeterminate(value);
+    }
+    /**
+     * Set the disabled value.
+     */
+    setDisabled(value) {
+        this.state.setDisabled(value);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpCheckbox, isStandalone: true, selector: "[ngpCheckbox]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "ngpCheckboxChecked", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "ngpCheckboxIndeterminate", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "ngpCheckboxRequired", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpCheckboxDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "ngpCheckboxCheckedChange", indeterminateChange: "ngpCheckboxIndeterminateChange" }, providers: [provideCheckboxState({ inherit: false })], ngImport: i0 }); }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-checkbox.mjs","sources":["../../../../packages/ng-primitives/checkbox/src/checkbox/checkbox-state.ts","../../../../packages/ng-primitives/checkbox/src/checkbox/checkbox.ts","../../../../packages/ng-primitives/checkbox/src/ng-primitives-checkbox.ts"],"sourcesContent":["import { computed, Signal, signal, WritableSignal } from '@angular/core';\nimport { ngpFormControl } from 'ng-primitives/form-field';\nimport { ngpInteractions } from 'ng-primitives/interactions';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  attrBinding,\n  controlled,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n  listener,\n} from 'ng-primitives/state';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { Observable, Subject } from 'rxjs';\n\n/**\n * Public state surface for the Checkbox primitive.\n */\nexport interface NgpCheckboxState {\n  /**\n   * The id of the checkbox.\n   */\n  readonly id: Signal<string>;\n  /**\n   * Whether the checkbox is checked.\n   */\n  readonly checked: WritableSignal<boolean>;\n  /**\n   * Whether the checkbox is indeterminate.\n   */\n  readonly indeterminate: WritableSignal<boolean>;\n  /**\n   * Whether the checkbox is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n  /**\n   * Emits when the checked state changes.\n   */\n  readonly checkedChange: Observable<boolean>;\n  /**\n   * Emits when the indeterminate state changes.\n   */\n  readonly indeterminateChange: Observable<boolean>;\n  /**\n   * Toggle the checkbox value.\n   */\n  toggle(event?: Event): void;\n  /**\n   * Update the checked value.\n   */\n  setChecked(value: boolean): void;\n  /**\n   * Update the indeterminate value.\n   */\n  setIndeterminate(value: boolean): void;\n  /**\n   * Set the disabled value.\n   */\n  setDisabled(value: boolean): void;\n}\n\n/**\n * Inputs for configuring the Checkbox primitive.\n */\nexport interface NgpCheckboxProps {\n  /**\n   * The id of the checkbox.\n   */\n  readonly id?: Signal<string>;\n  /**\n   * Whether the checkbox is checked.\n   */\n  readonly checked?: Signal<boolean>;\n  /**\n   * Whether the checkbox is indeterminate.\n   */\n  readonly indeterminate?: Signal<boolean>;\n  /**\n   * Whether the checkbox is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Callback fired when the checked state changes.\n   */\n  readonly onCheckedChange?: (checked: boolean) => void;\n  /**\n   * Callback fired when the indeterminate state changes.\n   */\n  readonly onIndeterminateChange?: (indeterminate: boolean) => void;\n}\n\nexport const [NgpCheckboxStateToken, ngpCheckbox, injectCheckboxState, provideCheckboxState] =\n  createPrimitive(\n    'NgpCheckbox',\n    ({\n      id = signal(uniqueId('ngp-checkbox')),\n      checked: _checked = signal(false),\n      indeterminate: _indeterminate = signal(false),\n      disabled: _disabled = signal(false),\n      onCheckedChange,\n      onIndeterminateChange,\n    }: NgpCheckboxProps): NgpCheckboxState => {\n      const element = injectElementRef();\n      const checked = controlled(_checked);\n      const indeterminate = controlled(_indeterminate);\n      const disabled = controlled(_disabled);\n      const checkedChange = new Subject<boolean>();\n      const indeterminateChange = new Subject<boolean>();\n      const tabindex = computed(() => (disabled() ? -1 : 0));\n\n      // Setup interactions and form control hooks\n      ngpInteractions({ hover: true, press: true, focusVisible: true, disabled });\n      ngpFormControl({ id, disabled });\n\n      // Host bindings\n      attrBinding(element, 'role', 'checkbox');\n      attrBinding(element, 'aria-checked', () => (indeterminate() ? 'mixed' : checked()));\n      dataBinding(element, 'data-checked', checked);\n      dataBinding(element, 'data-indeterminate', indeterminate);\n      attrBinding(element, 'aria-disabled', disabled);\n      attrBinding(element, 'tabindex', () => tabindex().toString());\n\n      // Event listeners\n      listener(element, 'click', event => toggle(event));\n      listener(element, 'keydown', (event: KeyboardEvent) => {\n        if (event.key === 'Enter') {\n          // According to WAI ARIA, checkboxes don't activate on enter keypress\n          event.preventDefault();\n          return;\n        }\n\n        if (event.key === ' ' || event.key === 'Spacebar') {\n          toggle(event);\n        }\n      });\n\n      function toggle(event?: Event): void {\n        if (disabled()) {\n          return;\n        }\n\n        // prevent this firing twice in cases where the label is clicked and the checkbox is clicked by the one event\n        event?.preventDefault();\n\n        const nextChecked = indeterminate() ? true : !checked();\n        setChecked(nextChecked);\n\n        // if the checkbox was indeterminate, it isn't anymore\n        if (indeterminate()) {\n          setIndeterminate(false);\n        }\n      }\n\n      function setChecked(value: boolean): void {\n        checked.set(value);\n        onCheckedChange?.(value);\n        checkedChange.next(value);\n      }\n\n      function setIndeterminate(value: boolean): void {\n        indeterminate.set(value);\n        onIndeterminateChange?.(value);\n        indeterminateChange.next(value);\n      }\n\n      function setDisabled(value: boolean): void {\n        disabled.set(value);\n      }\n\n      return {\n        id,\n        checked: deprecatedSetter(checked, 'setChecked'),\n        indeterminate: deprecatedSetter(indeterminate, 'setIndeterminate'),\n        disabled: deprecatedSetter(disabled, 'setDisabled'),\n        checkedChange,\n        indeterminateChange,\n        toggle,\n        setChecked,\n        setIndeterminate,\n        setDisabled,\n      };\n    },\n  );\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { Directive, booleanAttribute, input, output } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpCheckbox, provideCheckboxState } from './checkbox-state';\n\n/**\n * Apply the `ngpCheckbox` directive to an element to that represents the checkbox, such as a `button`.\n */\n@Directive({\n  selector: '[ngpCheckbox]',\n  providers: [provideCheckboxState({ inherit: false })],\n})\nexport class NgpCheckbox {\n  /**\n   * The id of the checkbox.\n   * @internal\n   */\n  readonly id = input(uniqueId('ngp-checkbox'));\n\n  /**\n   * Defines whether the checkbox is checked.\n   */\n  readonly checked = input<boolean, BooleanInput>(false, {\n    alias: 'ngpCheckboxChecked',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The event that is emitted when the checkbox value changes.\n   */\n  readonly checkedChange = output<boolean>({\n    alias: 'ngpCheckboxCheckedChange',\n  });\n\n  /**\n   * Defines whether the checkbox is indeterminate.\n   */\n  readonly indeterminate = input<boolean, BooleanInput>(false, {\n    alias: 'ngpCheckboxIndeterminate',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The event that is emitted when the indeterminate value changes.\n   */\n  readonly indeterminateChange = output<boolean>({\n    alias: 'ngpCheckboxIndeterminateChange',\n  });\n\n  /**\n   * Whether the checkbox is required.\n   */\n  readonly required = input<boolean, BooleanInput>(false, {\n    alias: 'ngpCheckboxRequired',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Defines whether the checkbox is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpCheckboxDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The state of the checkbox.\n   */\n  protected readonly state = ngpCheckbox({\n    id: this.id,\n    checked: this.checked,\n    indeterminate: this.indeterminate,\n    disabled: this.disabled,\n    onCheckedChange: value => this.checkedChange.emit(value),\n    onIndeterminateChange: value => this.indeterminateChange.emit(value),\n  });\n\n  toggle(event?: Event): void {\n    this.state.toggle(event);\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-checkbox.mjs","sources":["../../../../packages/ng-primitives/checkbox/src/checkbox/checkbox-state.ts","../../../../packages/ng-primitives/checkbox/src/checkbox/checkbox.ts","../../../../packages/ng-primitives/checkbox/src/ng-primitives-checkbox.ts"],"sourcesContent":["import { computed, Signal, signal, WritableSignal } from '@angular/core';\nimport { ngpFormControl } from 'ng-primitives/form-field';\nimport { ngpInteractions } from 'ng-primitives/interactions';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  attrBinding,\n  controlled,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n  emitter,\n  listener,\n} from 'ng-primitives/state';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { Observable } from 'rxjs';\n\n/**\n * Public state surface for the Checkbox primitive.\n */\nexport interface NgpCheckboxState {\n  /**\n   * The id of the checkbox.\n   */\n  readonly id: Signal<string>;\n  /**\n   * Whether the checkbox is checked.\n   */\n  readonly checked: WritableSignal<boolean>;\n  /**\n   * Whether the checkbox is indeterminate.\n   */\n  readonly indeterminate: WritableSignal<boolean>;\n  /**\n   * Whether the checkbox is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n  /**\n   * Emits when the checked state changes.\n   */\n  readonly checkedChange: Observable<boolean>;\n  /**\n   * Emits when the indeterminate state changes.\n   */\n  readonly indeterminateChange: Observable<boolean>;\n  /**\n   * Toggle the checkbox value.\n   */\n  toggle(event?: Event): void;\n  /**\n   * Update the checked value.\n   */\n  setChecked(value: boolean): void;\n  /**\n   * Update the indeterminate value.\n   */\n  setIndeterminate(value: boolean): void;\n  /**\n   * Set the disabled value.\n   */\n  setDisabled(value: boolean): void;\n}\n\n/**\n * Inputs for configuring the Checkbox primitive.\n */\nexport interface NgpCheckboxProps {\n  /**\n   * The id of the checkbox.\n   */\n  readonly id?: Signal<string>;\n  /**\n   * Whether the checkbox is checked.\n   */\n  readonly checked?: Signal<boolean>;\n  /**\n   * Whether the checkbox is indeterminate.\n   */\n  readonly indeterminate?: Signal<boolean>;\n  /**\n   * Whether the checkbox is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Callback fired when the checked state changes.\n   */\n  readonly onCheckedChange?: (checked: boolean) => void;\n  /**\n   * Callback fired when the indeterminate state changes.\n   */\n  readonly onIndeterminateChange?: (indeterminate: boolean) => void;\n}\n\nexport const [NgpCheckboxStateToken, ngpCheckbox, injectCheckboxState, provideCheckboxState] =\n  createPrimitive(\n    'NgpCheckbox',\n    ({\n      id = signal(uniqueId('ngp-checkbox')),\n      checked: _checked = signal(false),\n      indeterminate: _indeterminate = signal(false),\n      disabled: _disabled = signal(false),\n      onCheckedChange,\n      onIndeterminateChange,\n    }: NgpCheckboxProps): NgpCheckboxState => {\n      const element = injectElementRef();\n      const checked = controlled(_checked);\n      const indeterminate = controlled(_indeterminate);\n      const disabled = controlled(_disabled);\n      const checkedChange = emitter<boolean>();\n      const indeterminateChange = emitter<boolean>();\n      const tabindex = computed(() => (disabled() ? -1 : 0));\n\n      // Setup interactions and form control hooks\n      ngpInteractions({ hover: true, press: true, focusVisible: true, disabled });\n      ngpFormControl({ id, disabled });\n\n      // Host bindings\n      attrBinding(element, 'role', 'checkbox');\n      attrBinding(element, 'aria-checked', () => (indeterminate() ? 'mixed' : checked()));\n      dataBinding(element, 'data-checked', checked);\n      dataBinding(element, 'data-indeterminate', indeterminate);\n      attrBinding(element, 'aria-disabled', disabled);\n      attrBinding(element, 'tabindex', () => tabindex().toString());\n\n      // Event listeners\n      listener(element, 'click', event => toggle(event));\n      listener(element, 'keydown', (event: KeyboardEvent) => {\n        if (event.key === 'Enter') {\n          // According to WAI ARIA, checkboxes don't activate on enter keypress\n          event.preventDefault();\n          return;\n        }\n\n        if (event.key === ' ' || event.key === 'Spacebar') {\n          toggle(event);\n        }\n      });\n\n      function toggle(event?: Event): void {\n        if (disabled()) {\n          return;\n        }\n\n        // prevent this firing twice in cases where the label is clicked and the checkbox is clicked by the one event\n        event?.preventDefault();\n\n        const nextChecked = indeterminate() ? true : !checked();\n        setChecked(nextChecked);\n\n        // if the checkbox was indeterminate, it isn't anymore\n        if (indeterminate()) {\n          setIndeterminate(false);\n        }\n      }\n\n      function setChecked(value: boolean): void {\n        checked.set(value);\n        onCheckedChange?.(value);\n        checkedChange.emit(value);\n      }\n\n      function setIndeterminate(value: boolean): void {\n        indeterminate.set(value);\n        onIndeterminateChange?.(value);\n        indeterminateChange.emit(value);\n      }\n\n      function setDisabled(value: boolean): void {\n        disabled.set(value);\n      }\n\n      return {\n        id,\n        checked: deprecatedSetter(checked, 'setChecked'),\n        indeterminate: deprecatedSetter(indeterminate, 'setIndeterminate'),\n        disabled: deprecatedSetter(disabled, 'setDisabled'),\n        checkedChange: checkedChange.asObservable(),\n        indeterminateChange: indeterminateChange.asObservable(),\n        toggle,\n        setChecked,\n        setIndeterminate,\n        setDisabled,\n      };\n    },\n  );\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { Directive, booleanAttribute, input, output } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpCheckbox, provideCheckboxState } from './checkbox-state';\n\n/**\n * Apply the `ngpCheckbox` directive to an element to that represents the checkbox, such as a `button`.\n */\n@Directive({\n  selector: '[ngpCheckbox]',\n  providers: [provideCheckboxState({ inherit: false })],\n})\nexport class NgpCheckbox {\n  /**\n   * The id of the checkbox.\n   * @internal\n   */\n  readonly id = input(uniqueId('ngp-checkbox'));\n\n  /**\n   * Defines whether the checkbox is checked.\n   */\n  readonly checked = input<boolean, BooleanInput>(false, {\n    alias: 'ngpCheckboxChecked',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The event that is emitted when the checkbox value changes.\n   */\n  readonly checkedChange = output<boolean>({\n    alias: 'ngpCheckboxCheckedChange',\n  });\n\n  /**\n   * Defines whether the checkbox is indeterminate.\n   */\n  readonly indeterminate = input<boolean, BooleanInput>(false, {\n    alias: 'ngpCheckboxIndeterminate',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The event that is emitted when the indeterminate value changes.\n   */\n  readonly indeterminateChange = output<boolean>({\n    alias: 'ngpCheckboxIndeterminateChange',\n  });\n\n  /**\n   * Whether the checkbox is required.\n   */\n  readonly required = input<boolean, BooleanInput>(false, {\n    alias: 'ngpCheckboxRequired',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Defines whether the checkbox is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpCheckboxDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The state of the checkbox.\n   */\n  protected readonly state = ngpCheckbox({\n    id: this.id,\n    checked: this.checked,\n    indeterminate: this.indeterminate,\n    disabled: this.disabled,\n    onCheckedChange: value => this.checkedChange.emit(value),\n    onIndeterminateChange: value => this.indeterminateChange.emit(value),\n  });\n\n  toggle(event?: Event): void {\n    this.state.toggle(event);\n  }\n\n  /**\n   * Update the checked value.\n   */\n  setChecked(value: boolean): void {\n    this.state.setChecked(value);\n  }\n\n  /**\n   * Update the indeterminate value.\n   */\n  setIndeterminate(value: boolean): void {\n    this.state.setIndeterminate(value);\n  }\n\n  /**\n   * Set the disabled value.\n   */\n  setDisabled(value: boolean): void {\n    this.state.setDisabled(value);\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-file-upload.mjs

@@ -1,10 +1,9 @@
 import { coerceStringArray } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
 import { signal, input, booleanAttribute, output, Directive, inject, DOCUMENT } from '@angular/core';
-import { ngpHoverInteraction, ngpInteractions } from 'ng-primitives/interactions';
+import { ngpHover, ngpInteractions } from 'ng-primitives/interactions';
 import { injectElementRef } from 'ng-primitives/internal';
-import { createPrimitive, dataBinding, listener } from 'ng-primitives/state';
-import { Subject } from 'rxjs';
+import { createPrimitive, emitter, dataBinding, listener } from 'ng-primitives/state';
 
 function fileDropFilter(fileList, acceptedTypes, multiple) {
     const validFiles = Array.from(fileList).filter(file => isFileTypeAccepted(file, acceptedTypes));
@@ -39,12 +38,14 @@ const [NgpFileDropzoneStateToken, ngpFileDropzone, injectFileDropzoneState, prov
     const element = injectElementRef();
     const isDragOverState = signal(false, ...(ngDevMode ? [{ debugName: "isDragOverState" }] : []));
     // Create observables
-    const selectedSubject = new Subject();
-    const rejectedSubject = new Subject();
-    const dragOverSubject = new Subject();
+    const selected = emitter();
+    const rejected = emitter();
+    const dragOver = emitter();
     // Host bindings
     dataBinding(element, 'data-dragover', () => (isDragOverState() ? '' : null));
     dataBinding(element, 'data-disabled', () => (disabled?.() ? '' : null));
+    // Setup hover interaction
+    ngpHover({ disabled });
     function onDragEnter(event) {
         if (disabled?.()) {
             return;
@@ -52,7 +53,7 @@ const [NgpFileDropzoneStateToken, ngpFileDropzone, injectFileDropzoneState, prov
         event.preventDefault();
         event.stopPropagation();
         isDragOverState.set(true);
-        dragOverSubject.next(true);
+        dragOver.emit(true);
         onDragOver?.(true);
     }
     function onDragOverHandler(event) {
@@ -74,7 +75,7 @@ const [NgpFileDropzoneStateToken, ngpFileDropzone, injectFileDropzoneState, prov
         event.preventDefault();
         event.stopPropagation();
         isDragOverState.set(false);
-        dragOverSubject.next(false);
+        dragOver.emit(false);
         onDragOver?.(false);
     }
     function onDrop(event) {
@@ -83,17 +84,17 @@ const [NgpFileDropzoneStateToken, ngpFileDropzone, injectFileDropzoneState, prov
         }
         event.preventDefault();
         isDragOverState.set(false);
-        dragOverSubject.next(false);
+        dragOver.emit(false);
         onDragOver?.(false);
         const fileList = event.dataTransfer?.files;
         if (fileList) {
             const filteredFiles = fileDropFilter(fileList, fileTypes?.(), multiple?.() ?? false);
             if (filteredFiles) {
-                selectedSubject.next(filteredFiles);
+                selected.emit(filteredFiles);
                 onSelected?.(filteredFiles);
             }
             else {
-                rejectedSubject.next();
+                rejected.emit();
                 onRejected?.();
             }
         }
@@ -109,9 +110,9 @@ const [NgpFileDropzoneStateToken, ngpFileDropzone, injectFileDropzoneState, prov
         multiple,
         directory,
         isDragOver: isDragOverState,
-        selected: selectedSubject.asObservable(),
-        rejected: rejectedSubject.asObservable(),
-        dragOverChanged: dragOverSubject.asObservable(),
+        selected: selected.asObservable(),
+        rejected: rejected.asObservable(),
+        dragOver: dragOver.asObservable(),
     };
 });
 
@@ -184,7 +185,6 @@ class NgpFileDropzone {
          * Whether the user is currently dragging a file over the file upload.
          */
         this.isDragOver = this.state.isDragOver;
-        ngpHoverInteraction({ disabled: this.disabled });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFileDropzone, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", 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" }, providers: [provideFileDropzoneState()], exportAs: ["ngpFileDropzone"], ngImport: i0 }); }
@@ -196,32 +196,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                     exportAs: 'ngpFileDropzone',
                     providers: [provideFileDropzoneState()],
                 }]
-        }], ctorParameters: () => [], propDecorators: { fileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileDropzoneFileTypes", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileDropzoneMultiple", required: false }] }], directory: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileDropzoneDirectory", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileDropzoneDisabled", required: false }] }], selected: [{ type: i0.Output, args: ["ngpFileDropzoneSelected"] }], rejected: [{ type: i0.Output, args: ["ngpFileDropzoneRejected"] }], dragOver: [{ type: i0.Output, args: ["ngpFileDropzoneDragOver"] }] } });
+        }], propDecorators: { fileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileDropzoneFileTypes", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileDropzoneMultiple", required: false }] }], directory: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileDropzoneDirectory", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileDropzoneDisabled", required: false }] }], selected: [{ type: i0.Output, args: ["ngpFileDropzoneSelected"] }], rejected: [{ type: i0.Output, args: ["ngpFileDropzoneRejected"] }], dragOver: [{ type: i0.Output, args: ["ngpFileDropzoneDragOver"] }] } });
 
 const [NgpFileUploadStateToken, ngpFileUpload, injectFileUploadState, provideFileUploadState,] = createPrimitive('NgpFileUpload', ({ fileTypes, multiple, directory, dragAndDrop, disabled, onSelected, onCanceled, onRejected, onDragOver, }) => {
     const element = injectElementRef();
     const document = inject(DOCUMENT);
     const isDragOver = signal(false, ...(ngDevMode ? [{ debugName: "isDragOver" }] : []));
     // Create observables
-    const selectedSubject = new Subject();
-    const canceledSubject = new Subject();
-    const rejectedSubject = new Subject();
-    const dragOverSubject = new Subject();
+    const selected = emitter();
+    const canceled = emitter();
+    const rejected = emitter();
+    const dragOver = emitter();
     // Host bindings
     dataBinding(element, 'data-disabled', () => (disabled?.() ? '' : null));
     dataBinding(element, 'data-dragover', () => (isDragOver() ? '' : null));
+    // Setup interactions
+    ngpInteractions({
+        hover: true,
+        press: true,
+        focusVisible: true,
+        disabled,
+    });
     // Create file input
     const input = document.createElement('input');
     input.type = 'file';
     input.style.display = 'none';
     input.addEventListener('change', () => {
         const files = input.files;
-        selectedSubject.next(files);
+        selected.emit(files);
         onSelected?.(files);
         input.value = '';
     });
     input.addEventListener('cancel', () => {
-        canceledSubject.next();
+        canceled.emit();
         onCanceled?.();
     });
     function showFileDialog() {
@@ -243,7 +250,7 @@ const [NgpFileUploadStateToken, ngpFileUpload, injectFileUploadState, provideFil
         event.preventDefault();
         event.stopPropagation();
         isDragOver.set(true);
-        dragOverSubject.next(true);
+        dragOver.emit(true);
         onDragOver?.(true);
     }
     function onDragOverHandler(event) {
@@ -265,7 +272,7 @@ const [NgpFileUploadStateToken, ngpFileUpload, injectFileUploadState, provideFil
         event.preventDefault();
         event.stopPropagation();
         isDragOver.set(false);
-        dragOverSubject.next(false);
+        dragOver.emit(false);
         onDragOver?.(false);
     }
     function onDrop(event) {
@@ -274,17 +281,17 @@ const [NgpFileUploadStateToken, ngpFileUpload, injectFileUploadState, provideFil
         }
         event.preventDefault();
         isDragOver.set(false);
-        dragOverSubject.next(false);
+        dragOver.emit(false);
         onDragOver?.(false);
         const fileList = event.dataTransfer?.files;
         if (fileList) {
             const filteredFiles = fileDropFilter(fileList, fileTypes?.(), multiple?.() ?? false);
             if (filteredFiles) {
-                selectedSubject.next(filteredFiles);
+                selected.emit(filteredFiles);
                 onSelected?.(filteredFiles);
             }
             else {
-                rejectedSubject.next();
+                rejected.emit();
                 onRejected?.();
             }
         }
@@ -297,10 +304,10 @@ const [NgpFileUploadStateToken, ngpFileUpload, injectFileUploadState, provideFil
     listener(element, 'drop', onDrop);
     return {
         isDragOver,
-        selected: selectedSubject.asObservable(),
-        canceled: canceledSubject.asObservable(),
-        rejected: rejectedSubject.asObservable(),
-        dragOverChanged: dragOverSubject.asObservable(),
+        selected: selected.asObservable(),
+        canceled: canceled.asObservable(),
+        rejected: rejected.asObservable(),
+        dragOver: dragOver.asObservable(),
         showFileDialog,
     };
 });
@@ -390,12 +397,6 @@ class NgpFileUpload {
          * Whether the user is currently dragging a file over the file upload.
          */
         this.isDragOver = this.state.isDragOver;
-        ngpInteractions({
-            hover: true,
-            press: true,
-            focusVisible: true,
-            disabled: this.disabled,
-        });
     }
     /**
      * Show the file dialog.
@@ -413,7 +414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                     exportAs: 'ngpFileUpload',
                     providers: [provideFileUploadState()],
                 }]
-        }], ctorParameters: () => [], propDecorators: { fileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileUploadFileTypes", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileUploadMultiple", required: false }] }], directory: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileUploadDirectory", required: false }] }], dragAndDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileUploadDragDrop", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileUploadDisabled", required: false }] }], selected: [{ type: i0.Output, args: ["ngpFileUploadSelected"] }], canceled: [{ type: i0.Output, args: ["ngpFileUploadCanceled"] }], rejected: [{ type: i0.Output, args: ["ngpFileUploadRejected"] }], dragOver: [{ type: i0.Output, args: ["ngpFileUploadDragOver"] }] } });
+        }], propDecorators: { fileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileUploadFileTypes", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileUploadMultiple", required: false }] }], directory: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileUploadDirectory", required: false }] }], dragAndDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileUploadDragDrop", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFileUploadDisabled", required: false }] }], selected: [{ type: i0.Output, args: ["ngpFileUploadSelected"] }], canceled: [{ type: i0.Output, args: ["ngpFileUploadCanceled"] }], rejected: [{ type: i0.Output, args: ["ngpFileUploadRejected"] }], dragOver: [{ type: i0.Output, args: ["ngpFileUploadDragOver"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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-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 { Signal, signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, dataBinding, listener } from 'ng-primitives/state';\nimport { Observable, Subject } from 'rxjs';\nimport { fileDropFilter } from './file-drop-filter';\n\n/**\n * The state for the NgpFileDropzone directive.\n */\nexport interface NgpFileDropzoneState {\n  /**\n   * Whether the user is currently dragging over the element.\n   */\n  readonly isDragOver: Signal<boolean>;\n  /**\n   * Observable that emits when files are selected.\n   */\n  readonly selected: Observable<FileList | null>;\n  /**\n   * Observable that emits when files are rejected.\n   */\n  readonly rejected: Observable<void>;\n  /**\n   * Observable that emits when drag over state changes.\n   */\n  readonly dragOverChanged: Observable<boolean>;\n}\n\n/**\n * The props for the NgpFileDropzone state.\n */\nexport interface NgpFileDropzoneProps {\n  /**\n   * The accepted file types.\n   */\n  readonly fileTypes?: Signal<string[] | undefined>;\n  /**\n   * Whether multiple files can be selected.\n   */\n  readonly multiple?: Signal<boolean>;\n  /**\n   * Whether directories can be selected.\n   */\n  readonly directory?: Signal<boolean>;\n  /**\n   * Whether the file dropzone is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Callback when files are selected.\n   */\n  readonly onSelected?: (files: FileList | null) => void;\n  /**\n   * Callback when files are rejected.\n   */\n  readonly onRejected?: () => void;\n  /**\n   * Callback when drag over state changes.\n   */\n  readonly onDragOver?: (isDragOver: boolean) => void;\n}\n\nexport const [\n  NgpFileDropzoneStateToken,\n  ngpFileDropzone,\n  injectFileDropzoneState,\n  provideFileDropzoneState,\n] = createPrimitive(\n  'NgpFileDropzone',\n  ({\n    fileTypes,\n    multiple,\n    directory,\n    disabled,\n    onSelected,\n    onRejected,\n    onDragOver,\n  }: NgpFileDropzoneProps) => {\n    const element = injectElementRef();\n    const isDragOverState = signal(false);\n\n    // Create observables\n    const selectedSubject = new Subject<FileList | null>();\n    const rejectedSubject = new Subject<void>();\n    const dragOverSubject = new Subject<boolean>();\n\n    // Host bindings\n    dataBinding(element, 'data-dragover', () => (isDragOverState() ? '' : null));\n    dataBinding(element, 'data-disabled', () => (disabled?.() ? '' : null));\n\n    function onDragEnter(event: DragEvent): void {\n      if (disabled?.()) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      isDragOverState.set(true);\n      dragOverSubject.next(true);\n      onDragOver?.(true);\n    }\n\n    function onDragOverHandler(event: DragEvent): void {\n      if (disabled?.()) {\n        return;\n      }\n\n      event.stopPropagation();\n      event.preventDefault();\n      isDragOverState.set(true);\n    }\n\n    function onDragLeave(event: DragEvent): void {\n      if (disabled?.() || !isDragOverState()) {\n        return;\n      }\n\n      // if the element we are dragging over is a child of the file dropzone, ignore the event\n      if (element.nativeElement.contains(event.relatedTarget as Node)) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      isDragOverState.set(false);\n      dragOverSubject.next(false);\n      onDragOver?.(false);\n    }\n\n    function onDrop(event: DragEvent): void {\n      if (disabled?.()) {\n        return;\n      }\n\n      event.preventDefault();\n      isDragOverState.set(false);\n      dragOverSubject.next(false);\n      onDragOver?.(false);\n\n      const fileList = event.dataTransfer?.files;\n      if (fileList) {\n        const filteredFiles = fileDropFilter(fileList, fileTypes?.(), multiple?.() ?? false);\n\n        if (filteredFiles) {\n          selectedSubject.next(filteredFiles);\n          onSelected?.(filteredFiles);\n        } else {\n          rejectedSubject.next();\n          onRejected?.();\n        }\n      }\n    }\n\n    // Event listeners\n    listener(element, 'dragenter', onDragEnter);\n    listener(element, 'dragover', onDragOverHandler);\n    listener(element, 'dragleave', onDragLeave);\n    listener(element, 'drop', onDrop);\n\n    return {\n      disabled,\n      fileTypes,\n      multiple,\n      directory,\n      isDragOver: isDragOverState,\n      selected: selectedSubject.asObservable(),\n      rejected: rejectedSubject.asObservable(),\n      dragOverChanged: dragOverSubject.asObservable(),\n    };\n  },\n);\n","import { BooleanInput, coerceStringArray } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, output } from '@angular/core';\nimport { ngpHoverInteraction } from 'ng-primitives/interactions';\nimport { ngpFileDropzone, 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})\nexport class NgpFileDropzone {\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  private readonly state = ngpFileDropzone({\n    fileTypes: this.fileTypes,\n    multiple: this.multiple,\n    directory: this.directory,\n    disabled: this.disabled,\n    onSelected: files => this.selected.emit(files),\n    onRejected: () => this.rejected.emit(),\n    onDragOver: isDragOver => this.dragOver.emit(isDragOver),\n  });\n\n  constructor() {\n    ngpHoverInteraction({ disabled: this.disabled });\n  }\n\n  /**\n   * Whether the user is currently dragging a file over the file upload.\n   */\n  readonly isDragOver = this.state.isDragOver;\n}\n","import { DOCUMENT, inject, Signal, signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, dataBinding, listener } from 'ng-primitives/state';\nimport { Observable, Subject } from 'rxjs';\nimport { fileDropFilter } from '../file-dropzone/file-drop-filter';\n\n/**\n * The state for the NgpFileUpload directive.\n */\nexport interface NgpFileUploadState {\n  /**\n   * Whether the user is currently dragging over the element.\n   */\n  readonly isDragOver: Signal<boolean>;\n  /**\n   * Observable that emits when files are selected.\n   */\n  readonly selected: Observable<FileList | null>;\n  /**\n   * Observable that emits when file selection is canceled.\n   */\n  readonly canceled: Observable<void>;\n  /**\n   * Observable that emits when files are rejected.\n   */\n  readonly rejected: Observable<void>;\n  /**\n   * Observable that emits when drag over state changes.\n   */\n  readonly dragOverChanged: Observable<boolean>;\n  /**\n   * Show the file dialog.\n   */\n  showFileDialog(): void;\n}\n\n/**\n * The props for the NgpFileUpload state.\n */\nexport interface NgpFileUploadProps {\n  /**\n   * The accepted file types.\n   */\n  readonly fileTypes?: Signal<string[] | undefined>;\n  /**\n   * Whether multiple files can be selected.\n   */\n  readonly multiple?: Signal<boolean>;\n  /**\n   * Whether directories can be selected.\n   */\n  readonly directory?: Signal<boolean>;\n  /**\n   * Whether drag and drop is enabled.\n   */\n  readonly dragAndDrop?: Signal<boolean>;\n  /**\n   * Whether the file upload is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Callback when files are selected.\n   */\n  readonly onSelected?: (files: FileList | null) => void;\n  /**\n   * Callback when file selection is canceled.\n   */\n  readonly onCanceled?: () => void;\n  /**\n   * Callback when files are rejected.\n   */\n  readonly onRejected?: () => void;\n  /**\n   * Callback when drag over state changes.\n   */\n  readonly onDragOver?: (isDragOver: boolean) => void;\n}\n\nexport const [\n  NgpFileUploadStateToken,\n  ngpFileUpload,\n  injectFileUploadState,\n  provideFileUploadState,\n] = createPrimitive(\n  'NgpFileUpload',\n  ({\n    fileTypes,\n    multiple,\n    directory,\n    dragAndDrop,\n    disabled,\n    onSelected,\n    onCanceled,\n    onRejected,\n    onDragOver,\n  }: NgpFileUploadProps) => {\n    const element = injectElementRef();\n    const document = inject(DOCUMENT);\n\n    const isDragOver = signal(false);\n\n    // Create observables\n    const selectedSubject = new Subject<FileList | null>();\n    const canceledSubject = new Subject<void>();\n    const rejectedSubject = new Subject<void>();\n    const dragOverSubject = new Subject<boolean>();\n\n    // Host bindings\n    dataBinding(element, 'data-disabled', () => (disabled?.() ? '' : null));\n    dataBinding(element, 'data-dragover', () => (isDragOver() ? '' : null));\n\n    // Create file input\n    const input: HTMLInputElement = document.createElement('input');\n    input.type = 'file';\n    input.style.display = 'none';\n\n    input.addEventListener('change', () => {\n      const files = input.files;\n      selectedSubject.next(files);\n      onSelected?.(files);\n      input.value = '';\n    });\n\n    input.addEventListener('cancel', () => {\n      canceledSubject.next();\n      onCanceled?.();\n    });\n\n    function showFileDialog(): void {\n      if (disabled?.()) {\n        return;\n      }\n\n      const fileTypesValue = fileTypes?.()?.join(',');\n      if (fileTypesValue) {\n        input.accept = fileTypesValue;\n      }\n\n      input.multiple = multiple?.() ?? false;\n      input.webkitdirectory = directory?.() ?? false;\n      input.click();\n    }\n\n    function onDragEnter(event: DragEvent): void {\n      if (disabled?.() || !dragAndDrop?.()) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      isDragOver.set(true);\n      dragOverSubject.next(true);\n      onDragOver?.(true);\n    }\n\n    function onDragOverHandler(event: DragEvent): void {\n      if (disabled?.() || !dragAndDrop?.()) {\n        return;\n      }\n\n      event.stopPropagation();\n      event.preventDefault();\n      isDragOver.set(true);\n    }\n\n    function onDragLeave(event: DragEvent): void {\n      if (disabled?.() || !dragAndDrop?.() || !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 (element.nativeElement.contains(event.relatedTarget as Node)) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      isDragOver.set(false);\n      dragOverSubject.next(false);\n      onDragOver?.(false);\n    }\n\n    function onDrop(event: DragEvent): void {\n      if (disabled?.() || !dragAndDrop?.()) {\n        return;\n      }\n\n      event.preventDefault();\n      isDragOver.set(false);\n      dragOverSubject.next(false);\n      onDragOver?.(false);\n\n      const fileList = event.dataTransfer?.files;\n      if (fileList) {\n        const filteredFiles = fileDropFilter(fileList, fileTypes?.(), multiple?.() ?? false);\n\n        if (filteredFiles) {\n          selectedSubject.next(filteredFiles);\n          onSelected?.(filteredFiles);\n        } else {\n          rejectedSubject.next();\n          onRejected?.();\n        }\n      }\n    }\n\n    // Event listeners\n    listener(element, 'click', showFileDialog);\n    listener(element, 'dragenter', onDragEnter);\n    listener(element, 'dragover', onDragOverHandler);\n    listener(element, 'dragleave', onDragLeave);\n    listener(element, 'drop', onDrop);\n\n    return {\n      isDragOver,\n      selected: selectedSubject.asObservable(),\n      canceled: canceledSubject.asObservable(),\n      rejected: rejectedSubject.asObservable(),\n      dragOverChanged: dragOverSubject.asObservable(),\n      showFileDialog,\n    };\n  },\n);\n","import { BooleanInput, coerceStringArray } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, output } from '@angular/core';\nimport { ngpInteractions } from 'ng-primitives/interactions';\nimport { ngpFileUpload, 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})\nexport class NgpFileUpload {\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  private readonly state = ngpFileUpload({\n    fileTypes: this.fileTypes,\n    multiple: this.multiple,\n    directory: this.directory,\n    dragAndDrop: this.dragAndDrop,\n    disabled: this.disabled,\n    onSelected: files => this.selected.emit(files),\n    onCanceled: () => this.canceled.emit(),\n    onRejected: () => this.rejected.emit(),\n    onDragOver: isDragOver => this.dragOver.emit(isDragOver),\n  });\n\n  constructor() {\n    ngpInteractions({\n      hover: true,\n      press: true,\n      focusVisible: true,\n      disabled: this.disabled,\n    });\n  }\n\n  /**\n   * Whether the user is currently dragging a file over the file upload.\n   */\n  readonly isDragOver = this.state.isDragOver;\n\n  /**\n   * Show the file dialog.\n   */\n  showFileDialog(): void {\n    this.state.showFileDialog();\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 { Signal, signal } from '@angular/core';\nimport { ngpHover } from 'ng-primitives/interactions';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, dataBinding, emitter, listener } from 'ng-primitives/state';\nimport { Observable } from 'rxjs';\nimport { fileDropFilter } from './file-drop-filter';\n\n/**\n * The state for the NgpFileDropzone directive.\n */\nexport interface NgpFileDropzoneState {\n  /**\n   * Whether the user is currently dragging over the element.\n   */\n  readonly isDragOver: Signal<boolean>;\n  /**\n   * Observable that emits when files are selected.\n   */\n  readonly selected: Observable<FileList | null>;\n  /**\n   * Observable that emits when files are rejected.\n   */\n  readonly rejected: Observable<void>;\n  /**\n   * Observable that emits when drag over state changes.\n   */\n  readonly dragOver: Observable<boolean>;\n}\n\n/**\n * The props for the NgpFileDropzone state.\n */\nexport interface NgpFileDropzoneProps {\n  /**\n   * The accepted file types.\n   */\n  readonly fileTypes?: Signal<string[] | undefined>;\n  /**\n   * Whether multiple files can be selected.\n   */\n  readonly multiple?: Signal<boolean>;\n  /**\n   * Whether directories can be selected.\n   */\n  readonly directory?: Signal<boolean>;\n  /**\n   * Whether the file dropzone is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Callback when files are selected.\n   */\n  readonly onSelected?: (files: FileList | null) => void;\n  /**\n   * Callback when files are rejected.\n   */\n  readonly onRejected?: () => void;\n  /**\n   * Callback when drag over state changes.\n   */\n  readonly onDragOver?: (isDragOver: boolean) => void;\n}\n\nexport const [\n  NgpFileDropzoneStateToken,\n  ngpFileDropzone,\n  injectFileDropzoneState,\n  provideFileDropzoneState,\n] = createPrimitive(\n  'NgpFileDropzone',\n  ({\n    fileTypes,\n    multiple,\n    directory,\n    disabled,\n    onSelected,\n    onRejected,\n    onDragOver,\n  }: NgpFileDropzoneProps) => {\n    const element = injectElementRef();\n    const isDragOverState = signal(false);\n\n    // Create observables\n    const selected = emitter<FileList | null>();\n    const rejected = emitter<void>();\n    const dragOver = emitter<boolean>();\n\n    // Host bindings\n    dataBinding(element, 'data-dragover', () => (isDragOverState() ? '' : null));\n    dataBinding(element, 'data-disabled', () => (disabled?.() ? '' : null));\n\n    // Setup hover interaction\n    ngpHover({ disabled });\n\n    function onDragEnter(event: DragEvent): void {\n      if (disabled?.()) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      isDragOverState.set(true);\n      dragOver.emit(true);\n      onDragOver?.(true);\n    }\n\n    function onDragOverHandler(event: DragEvent): void {\n      if (disabled?.()) {\n        return;\n      }\n\n      event.stopPropagation();\n      event.preventDefault();\n      isDragOverState.set(true);\n    }\n\n    function onDragLeave(event: DragEvent): void {\n      if (disabled?.() || !isDragOverState()) {\n        return;\n      }\n\n      // if the element we are dragging over is a child of the file dropzone, ignore the event\n      if (element.nativeElement.contains(event.relatedTarget as Node)) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      isDragOverState.set(false);\n      dragOver.emit(false);\n      onDragOver?.(false);\n    }\n\n    function onDrop(event: DragEvent): void {\n      if (disabled?.()) {\n        return;\n      }\n\n      event.preventDefault();\n      isDragOverState.set(false);\n      dragOver.emit(false);\n      onDragOver?.(false);\n\n      const fileList = event.dataTransfer?.files;\n      if (fileList) {\n        const filteredFiles = fileDropFilter(fileList, fileTypes?.(), multiple?.() ?? false);\n\n        if (filteredFiles) {\n          selected.emit(filteredFiles);\n          onSelected?.(filteredFiles);\n        } else {\n          rejected.emit();\n          onRejected?.();\n        }\n      }\n    }\n\n    // Event listeners\n    listener(element, 'dragenter', onDragEnter);\n    listener(element, 'dragover', onDragOverHandler);\n    listener(element, 'dragleave', onDragLeave);\n    listener(element, 'drop', onDrop);\n\n    return {\n      disabled,\n      fileTypes,\n      multiple,\n      directory,\n      isDragOver: isDragOverState,\n      selected: selected.asObservable(),\n      rejected: rejected.asObservable(),\n      dragOver: dragOver.asObservable(),\n    };\n  },\n);\n","import { BooleanInput, coerceStringArray } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, output } from '@angular/core';\nimport { ngpFileDropzone, 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})\nexport class NgpFileDropzone {\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  private readonly state = ngpFileDropzone({\n    fileTypes: this.fileTypes,\n    multiple: this.multiple,\n    directory: this.directory,\n    disabled: this.disabled,\n    onSelected: files => this.selected.emit(files),\n    onRejected: () => this.rejected.emit(),\n    onDragOver: isDragOver => this.dragOver.emit(isDragOver),\n  });\n\n  /**\n   * Whether the user is currently dragging a file over the file upload.\n   */\n  readonly isDragOver = this.state.isDragOver;\n}\n","import { DOCUMENT, inject, Signal, signal } from '@angular/core';\nimport { ngpInteractions } from 'ng-primitives/interactions';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, dataBinding, emitter, listener } from 'ng-primitives/state';\nimport { Observable } from 'rxjs';\nimport { fileDropFilter } from '../file-dropzone/file-drop-filter';\n\n/**\n * The state for the NgpFileUpload directive.\n */\nexport interface NgpFileUploadState {\n  /**\n   * Whether the user is currently dragging over the element.\n   */\n  readonly isDragOver: Signal<boolean>;\n  /**\n   * Observable that emits when files are selected.\n   */\n  readonly selected: Observable<FileList | null>;\n  /**\n   * Observable that emits when file selection is canceled.\n   */\n  readonly canceled: Observable<void>;\n  /**\n   * Observable that emits when files are rejected.\n   */\n  readonly rejected: Observable<void>;\n  /**\n   * Observable that emits when drag over state changes.\n   */\n  readonly dragOver: Observable<boolean>;\n  /**\n   * Show the file dialog.\n   */\n  showFileDialog(): void;\n}\n\n/**\n * The props for the NgpFileUpload state.\n */\nexport interface NgpFileUploadProps {\n  /**\n   * The accepted file types.\n   */\n  readonly fileTypes?: Signal<string[] | undefined>;\n  /**\n   * Whether multiple files can be selected.\n   */\n  readonly multiple?: Signal<boolean>;\n  /**\n   * Whether directories can be selected.\n   */\n  readonly directory?: Signal<boolean>;\n  /**\n   * Whether drag and drop is enabled.\n   */\n  readonly dragAndDrop?: Signal<boolean>;\n  /**\n   * Whether the file upload is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Callback when files are selected.\n   */\n  readonly onSelected?: (files: FileList | null) => void;\n  /**\n   * Callback when file selection is canceled.\n   */\n  readonly onCanceled?: () => void;\n  /**\n   * Callback when files are rejected.\n   */\n  readonly onRejected?: () => void;\n  /**\n   * Callback when drag over state changes.\n   */\n  readonly onDragOver?: (isDragOver: boolean) => void;\n}\n\nexport const [\n  NgpFileUploadStateToken,\n  ngpFileUpload,\n  injectFileUploadState,\n  provideFileUploadState,\n] = createPrimitive(\n  'NgpFileUpload',\n  ({\n    fileTypes,\n    multiple,\n    directory,\n    dragAndDrop,\n    disabled,\n    onSelected,\n    onCanceled,\n    onRejected,\n    onDragOver,\n  }: NgpFileUploadProps) => {\n    const element = injectElementRef();\n    const document = inject(DOCUMENT);\n\n    const isDragOver = signal(false);\n\n    // Create observables\n    const selected = emitter<FileList | null>();\n    const canceled = emitter<void>();\n    const rejected = emitter<void>();\n    const dragOver = emitter<boolean>();\n\n    // Host bindings\n    dataBinding(element, 'data-disabled', () => (disabled?.() ? '' : null));\n    dataBinding(element, 'data-dragover', () => (isDragOver() ? '' : null));\n\n    // Setup interactions\n    ngpInteractions({\n      hover: true,\n      press: true,\n      focusVisible: true,\n      disabled,\n    });\n\n    // Create file input\n    const input: HTMLInputElement = document.createElement('input');\n    input.type = 'file';\n    input.style.display = 'none';\n\n    input.addEventListener('change', () => {\n      const files = input.files;\n      selected.emit(files);\n      onSelected?.(files);\n      input.value = '';\n    });\n\n    input.addEventListener('cancel', () => {\n      canceled.emit();\n      onCanceled?.();\n    });\n\n    function showFileDialog(): void {\n      if (disabled?.()) {\n        return;\n      }\n\n      const fileTypesValue = fileTypes?.()?.join(',');\n      if (fileTypesValue) {\n        input.accept = fileTypesValue;\n      }\n\n      input.multiple = multiple?.() ?? false;\n      input.webkitdirectory = directory?.() ?? false;\n      input.click();\n    }\n\n    function onDragEnter(event: DragEvent): void {\n      if (disabled?.() || !dragAndDrop?.()) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      isDragOver.set(true);\n      dragOver.emit(true);\n      onDragOver?.(true);\n    }\n\n    function onDragOverHandler(event: DragEvent): void {\n      if (disabled?.() || !dragAndDrop?.()) {\n        return;\n      }\n\n      event.stopPropagation();\n      event.preventDefault();\n      isDragOver.set(true);\n    }\n\n    function onDragLeave(event: DragEvent): void {\n      if (disabled?.() || !dragAndDrop?.() || !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 (element.nativeElement.contains(event.relatedTarget as Node)) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      isDragOver.set(false);\n      dragOver.emit(false);\n      onDragOver?.(false);\n    }\n\n    function onDrop(event: DragEvent): void {\n      if (disabled?.() || !dragAndDrop?.()) {\n        return;\n      }\n\n      event.preventDefault();\n      isDragOver.set(false);\n      dragOver.emit(false);\n      onDragOver?.(false);\n\n      const fileList = event.dataTransfer?.files;\n      if (fileList) {\n        const filteredFiles = fileDropFilter(fileList, fileTypes?.(), multiple?.() ?? false);\n\n        if (filteredFiles) {\n          selected.emit(filteredFiles);\n          onSelected?.(filteredFiles);\n        } else {\n          rejected.emit();\n          onRejected?.();\n        }\n      }\n    }\n\n    // Event listeners\n    listener(element, 'click', showFileDialog);\n    listener(element, 'dragenter', onDragEnter);\n    listener(element, 'dragover', onDragOverHandler);\n    listener(element, 'dragleave', onDragLeave);\n    listener(element, 'drop', onDrop);\n\n    return {\n      isDragOver,\n      selected: selected.asObservable(),\n      canceled: canceled.asObservable(),\n      rejected: rejected.asObservable(),\n      dragOver: dragOver.asObservable(),\n      showFileDialog,\n    };\n  },\n);\n","import { BooleanInput, coerceStringArray } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, output } from '@angular/core';\nimport { ngpFileUpload, 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})\nexport class NgpFileUpload {\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  private readonly state = ngpFileUpload({\n    fileTypes: this.fileTypes,\n    multiple: this.multiple,\n    directory: this.directory,\n    dragAndDrop: this.dragAndDrop,\n    disabled: this.disabled,\n    onSelected: files => this.selected.emit(files),\n    onCanceled: () => this.canceled.emit(),\n    onRejected: () => this.rejected.emit(),\n    onDragOver: isDragOver => this.dragOver.emit(isDragOver),\n  });\n\n  /**\n   * Whether the user is currently dragging a file over the file upload.\n   */\n  readonly isDragOver = this.state.isDragOver;\n\n  /**\n   * Show the file dialog.\n   */\n  showFileDialog(): void {\n    this.state.showFileDialog();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}