@paperless/angular 3.6.1 → 3.6.2

package/fesm2022/paperless-angular.mjs

@@ -1,8 +1,8 @@
 import * as i0 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 { Component, input, output, signal, effect, ViewChild, ChangeDetectionStrategy, HostListener, Directive, Self, inject, Injector, TemplateRef, Injectable, NgModule, EventEmitter, Output, HostBinding, Input, 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 { filter, Subject, timer, fromEvent, BehaviorSubject, distinctUntilChanged, debounceTime, take, map as map$1 } from 'rxjs';
 import { ObserversModule } from '@angular/cdk/observers';
 import { Overlay, OverlayConfig, createOverlayRef, OverlayModule as OverlayModule$1 } from '@angular/cdk/overlay';
 import { PlatformModule } from '@angular/cdk/platform';
@@ -203,29 +203,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
         }] });
 
 class BaseUploadComponent {
-    fileId;
-    uploaded = false;
-    set loading(value) {
-        this.loading$.next(value);
-    }
+    fileId = input(...(ngDevMode ? [undefined, { debugName: "fileId" }] : []));
+    uploaded = input(false, ...(ngDevMode ? [{ debugName: "uploaded" }] : []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    fileChange = new EventEmitter();
+    fileChange = output();
     uploaderInput;
     file;
-    loading$ = new BehaviorSubject(false);
+    loadingParsed = signal(false, ...(ngDevMode ? [{ debugName: "loadingParsed" }] : []));
+    constructor() {
+        effect(() => {
+            const loading = this.loading();
+            this.loadingParsed.set(loading);
+        });
+    }
     onChange($event) {
         const target = $event.target;
         const file = target.files?.[0];
         if (file) {
-            this.loading$.next(true);
+            this.loadingParsed.set(true);
             const reader = new FileReader();
             reader.addEventListener('load', _ => this.onLoad(file, reader.result));
             reader.readAsDataURL(file);
         }
     }
     onLoad(file, result) {
-        this.fileChange.next({
-            fileId: this.fileId,
+        this.fileChange.emit({
+            fileId: this.fileId(),
             result,
             file,
         });
@@ -233,27 +237,18 @@ class BaseUploadComponent {
             this.uploaderInput.nativeElement.value = '';
         }
         this.file = file;
-        this.loading$.next(false);
+        this.loadingParsed.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: BaseUploadComponent, isStandalone: false, selector: "ng-component", inputs: { fileId: "fileId", uploaded: "uploaded", loading: "loading" }, outputs: { fileChange: "fileChange" }, viewQueries: [{ propertyName: "uploaderInput", first: true, predicate: ["uploaderInput"], descendants: true }], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: BaseUploadComponent, isStandalone: true, selector: "ng-component", inputs: { fileId: { classPropertyName: "fileId", publicName: "fileId", isSignal: true, isRequired: false, transformFunction: null }, uploaded: { classPropertyName: "uploaded", publicName: "uploaded", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileChange: "fileChange" }, viewQueries: [{ propertyName: "uploaderInput", first: true, predicate: ["uploaderInput"], descendants: true }], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BaseUploadComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: false,
                 }]
-        }], propDecorators: { fileId: [{
-                type: Input
-            }], uploaded: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], fileChange: [{
-                type: Output
-            }], uploaderInput: [{
+        }], ctorParameters: () => [], propDecorators: { fileId: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileId", required: false }] }], uploaded: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploaded", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], fileChange: [{ type: i0.Output, args: ["fileChange"] }], uploaderInput: [{
                 type: ViewChild,
                 args: ['uploaderInput']
             }] } });