@paperless/angular 3.5.1 → 3.6.0

package/fesm2022/paperless-angular.mjs

@@ -1,18 +1,17 @@
 import * as i0 from '@angular/core';
-import { Component, EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, HostListener, Directive, Self, Injector, Injectable, NgModule, HostBinding, TemplateRef, ContentChild, Host, ElementRef, ContentChildren, ViewChildren, inject, Pipe, provideAppInitializer } from '@angular/core';
+import { Component, EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, HostListener, Directive, Self, signal, effect, inject, Injector, TemplateRef, Injectable, NgModule, HostBinding, ContentChild, Host, ElementRef, ContentChildren, ViewChildren, Pipe, provideAppInitializer } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormControl, FormGroup, FormArray, NG_VALUE_ACCESSOR, NumberValueAccessor } from '@angular/forms';
 import { BehaviorSubject, filter, Subject, timer, fromEvent, distinctUntilChanged, debounceTime, take, map as map$1 } from 'rxjs';
 import { ObserversModule } from '@angular/cdk/observers';
-import * as i1$1 from '@angular/cdk/overlay';
-import { OverlayConfig, OverlayModule as OverlayModule$1 } from '@angular/cdk/overlay';
+import { Overlay, OverlayConfig, createOverlayRef, OverlayModule as OverlayModule$1 } from '@angular/cdk/overlay';
 import { PlatformModule } from '@angular/cdk/platform';
-import { CdkPortal, ComponentPortal, PortalModule } from '@angular/cdk/portal';
+import { CdkPortal, TemplatePortal, ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import { __decorate } from 'tslib';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
 import { startWith, tap, pairwise, map, filter as filter$1, debounce } from 'rxjs/operators';
 import { PAGINATION_DEFAULT_PAGE_SIZE, cn, getTableCellColumnClasses, objectGetByPath, state, isMobile, floatingMenuContainerClass, onStateChange, TABLE_COLUMN_SIZES, SELECT_DEFAULT_MAX_DISPLAYED_ITEMS } from '@paperless/core';
-import * as i1$2 from '@angular/common';
+import * as i1$1 from '@angular/common';
 import { NgTemplateOutlet, AsyncPipe, CommonModule, DatePipe, CurrencyPipe } from '@angular/common';
 import { defineCustomElement as defineCustomElement$1 } from '@paperless/core/components/p-accordion.js';
 import { defineCustomElement as defineCustomElement$2 } from '@paperless/core/components/p-attachment.js';
@@ -90,7 +89,7 @@ import { defineCustomElement as defineCustomElement$19 } from '@paperless/core/c
 import { RouterLink, RouterModule } from '@angular/router';
 import { v4 } from 'uuid';
 import { defineCustomElements } from '@paperless/core/loader';
-import * as i1$3 from '@angular/platform-browser';
+import * as i1$2 from '@angular/platform-browser';
 
 class BaseFormComponent {
     markedDirty = false;
@@ -690,41 +689,60 @@ const DIRECTIVES$1 = [
 class OverlayRef {
     _overlay;
     instance;
+    componentRef;
+    injector;
+    effectRef;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    data = signal({}, ...(ngDevMode ? [{ debugName: "data" }] : []));
     closed$ = new Subject();
     constructor(_overlay) {
         this._overlay = _overlay;
     }
+    createEffect() {
+        if (!this.injector || !this.componentRef) {
+            return;
+        }
+        this.effectRef = effect(() => {
+            const data = this.data();
+            for (const key of Object.keys(data)) {
+                const value = typeof data[key] === 'function' ? data[key]() : data[key];
+                this.componentRef.setInput(key, value);
+            }
+        }, { ...(ngDevMode ? { debugName: "effectRef" } : {}), injector: this.injector });
+    }
     close() {
         this._overlay.dispose();
         this.closed$.next(null);
+        if (this.effectRef) {
+            this.effectRef.destroy();
+        }
     }
 }
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class OverlayService {
-    injector;
-    overlay;
+    overlay = inject(Overlay);
+    injector = inject(Injector);
     overlayRef;
-    constructor(injector, overlay) {
-        this.injector = injector;
-        this.overlay = overlay;
-    }
     open(component, options = {}) {
         const overlay = this._createOverlay();
         const overlayRef = new OverlayRef(overlay);
-        this._attachModalContainer(overlay, overlayRef, component, options.providers ?? []);
+        this._attachModalContainer(overlay, overlayRef, component, options.providers ?? [], options.data ?? {});
         this._attachData(overlayRef, options);
         this.overlayRef = overlayRef;
         return overlayRef;
     }
-    _attachModalContainer(overlay, overlayRef, component, providers) {
+    _attachModalContainer(overlay, overlayRef, component, providers, data) {
         const injector = this._createInjector(overlayRef, providers);
         const containerPortal = component instanceof CdkPortal
             ? component
-            : new ComponentPortal(component, null, injector);
+            : component instanceof TemplateRef
+                ? new TemplatePortal(component, null, { $implicit: data }, injector)
+                : new ComponentPortal(component, null, injector);
         const containerRef = overlay.attach(containerPortal);
+        overlayRef.componentRef = containerRef;
         overlayRef.instance = containerRef.instance;
-        return containerRef.instance;
+        overlayRef.injector = injector;
     }
     _createInjector(overlayRef, providers) {
         return Injector.create({
@@ -754,29 +772,26 @@ class OverlayService {
     }
     _createOverlay() {
         // Returns an OverlayConfig
-        const overlayConfig = this._getOverlayConfig();
+        const config = this._getOverlayConfig();
         // Returns an OverlayRef
-        return this.overlay.create(overlayConfig);
+        return createOverlayRef(this.injector, config);
     }
     _attachData(overlayRef, options) {
         if (!options.data || typeof options.data !== 'object') {
             return;
         }
-        const instance = overlayRef.instance;
-        for (const key of Object.keys(options.data)) {
-            if (typeof instance[key] === 'function') {
-                instance[key].set(options.data[key]);
-                continue;
-            }
-            instance[key] = options.data[key];
+        if (overlayRef.instance instanceof TemplateRef) {
+            return;
         }
+        overlayRef.createEffect();
+        overlayRef.data.set(options.data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: OverlayService, deps: [{ token: i0.Injector }, { token: i1$1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: OverlayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: OverlayService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: OverlayService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1$1.Overlay }] });
+        }] });
 
 class OverlayModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -5049,7 +5064,7 @@ class CustomCurrencyPipe {
     transform(value, currencyCode = 'EUR', display = 'symbol', digitsInfo = '1.2-2', locale = 'nl') {
         return this._currencyPipe.transform(value, currencyCode, display, digitsInfo, locale);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomCurrencyPipe, deps: [{ token: i1$2.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomCurrencyPipe, deps: [{ token: i1$1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: CustomCurrencyPipe, isStandalone: true, name: "pcurrency" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomCurrencyPipe, decorators: [{
@@ -5057,7 +5072,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
             args: [{
                     name: 'pcurrency',
                 }]
-        }], ctorParameters: () => [{ type: i1$2.CurrencyPipe }] });
+        }], ctorParameters: () => [{ type: i1$1.CurrencyPipe }] });
 
 class CustomDatePipe {
     _datePipe;
@@ -5067,7 +5082,7 @@ class CustomDatePipe {
     transform(value, format = 'd MMM yyyy') {
         return this._datePipe.transform(value, format);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomDatePipe, deps: [{ token: i1$2.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomDatePipe, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: CustomDatePipe, isStandalone: true, name: "pdate" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CustomDatePipe, decorators: [{
@@ -5075,7 +5090,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
             args: [{
                     name: 'pdate',
                 }]
-        }], ctorParameters: () => [{ type: i1$2.DatePipe }] });
+        }], ctorParameters: () => [{ type: i1$1.DatePipe }] });
 
 class SafePipe {
     sanitizer;
@@ -5104,7 +5119,7 @@ class SafePipe {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SafePipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SafePipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: SafePipe, isStandalone: true, name: "psafe" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SafePipe, decorators: [{
@@ -5112,7 +5127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
             args: [{
                     name: 'psafe',
                 }]
-        }], ctorParameters: () => [{ type: i1$3.DomSanitizer }] });
+        }], ctorParameters: () => [{ type: i1$2.DomSanitizer }] });
 
 class SelectAutocompletePipe {
     transform(value) {