@paperless/angular 0.1.0-alpha.214 → 0.1.0-alpha.215

package/fesm2020/paperless-angular.mjs

@@ -3,7 +3,7 @@ import { EventEmitter, Component, Input, Output, ViewChild, Directive, HostListe
 import { NG_VALUE_ACCESSOR, FormControl, FormGroup, FormArray } from '@angular/forms';
 import { __decorate } from 'tslib';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import { timer, fromEvent, BehaviorSubject } from 'rxjs';
+import { timer, fromEvent, BehaviorSubject, map as map$1 } from 'rxjs';
 import { startWith, pairwise, map, filter, debounce } from 'rxjs/operators';
 import { objectGetByPath } from '@paperless/core';
 import * as i1 from '@angular/common';
@@ -2794,6 +2794,15 @@ const SLIDE_IN_BOTTOM_OUT_TOP = trigger('pSlideInBottomOutTop', [
         animate('200ms ease-in', style({ transform: 'translateY(-100%)', opacity: 0 })),
     ]),
 ]);
+const SLIDE_IN_TOP_OUT_BOTTOM = trigger('pSlideInBottomOutTop', [
+    transition(':enter', [
+        style({ transform: 'translateY(-100%)', opacity: 0 }),
+        animate('200ms ease-in', style({ transform: 'translateX(0%)', opacity: 1 })),
+    ]),
+    transition(':leave', [
+        animate('200ms ease-in', style({ transform: 'translateY(50%)', opacity: 0 })),
+    ]),
+]);
 
 var ToastVariants;
 (function (ToastVariants) {
@@ -2895,7 +2904,7 @@ let ToastContainer = class ToastContainer {
     constructor(r, z, _toastService) {
         this.z = z;
         this._toastService = _toastService;
-        this.toasts$ = this._toastService.toasts$;
+        this.toasts$ = this._toastService.toasts$.pipe(map$1((arr) => arr.reverse()));
         this.el = r.nativeElement;
     }
     dismiss(index) {
@@ -2903,7 +2912,7 @@ let ToastContainer = class ToastContainer {
     }
 };
 ToastContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastContainer, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: ToastService }], target: i0.ɵɵFactoryTarget.Component });
-ToastContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ToastContainer, selector: "p-toast-container", inputs: { placement: "placement" }, ngImport: i0, template: "<p-toast\n    *ngFor=\"let toast of toasts$ | async; let index = index\"\n    [variant]=\"toast.variant\"\n    [header]=\"toast.header\"\n    [content]=\"toast.content\"\n    [index]=\"index\"\n    [delay]=\"toast.options.delay ?? 5000\"\n    [dismissOnAction]=\"toast.options.dismissOnAction ?? true\"\n    [enableAction]=\"toast.options.enableAction\"\n    [actionIcon]=\"toast.options.icon?.variant\"\n    [actionIconFlip]=\"toast.options.icon?.flip\"\n    [actionIconRotate]=\"toast.options.icon?.rotate\"\n    (dismiss)=\"dismiss($event)\"\n    [@pSlideInBottomOutTop]\n></p-toast>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PToast, selector: "p-toast", inputs: ["actionIcon", "actionIconFlip", "actionIconRotate", "content", "enableAction", "header", "variant"] }, { kind: "directive", type: ToastDirective, selector: "p-toast", inputs: ["delay", "index", "dismissOnAction"], outputs: ["dismiss"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [SLIDE_IN_BOTTOM_OUT_TOP], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ToastContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ToastContainer, selector: "p-toast-container", inputs: { placement: "placement" }, ngImport: i0, template: "<p-toast\n    *ngFor=\"let toast of toasts$ | async; let index = index\"\n    [variant]=\"toast.variant\"\n    [header]=\"toast.header\"\n    [content]=\"toast.content\"\n    [index]=\"index\"\n    [delay]=\"toast.options.delay ?? 5000\"\n    [dismissOnAction]=\"toast.options.dismissOnAction ?? true\"\n    [enableAction]=\"toast.options.enableAction\"\n    [actionIcon]=\"toast.options.icon?.variant\"\n    [actionIconFlip]=\"toast.options.icon?.flip\"\n    [actionIconRotate]=\"toast.options.icon?.rotate\"\n    (dismiss)=\"dismiss($event)\"\n    [@pSlideInBottomOutTop]\n></p-toast>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PToast, selector: "p-toast", inputs: ["actionIcon", "actionIconFlip", "actionIconRotate", "content", "enableAction", "header", "variant"] }, { kind: "directive", type: ToastDirective, selector: "p-toast", inputs: ["delay", "index", "dismissOnAction"], outputs: ["dismiss"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [SLIDE_IN_TOP_OUT_BOTTOM], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 ToastContainer = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -2912,7 +2921,7 @@ ToastContainer = __decorate([
 ], ToastContainer);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastContainer, decorators: [{
             type: Component,
-            args: [{ selector: 'p-toast-container', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['placement'], animations: [SLIDE_IN_BOTTOM_OUT_TOP], template: "<p-toast\n    *ngFor=\"let toast of toasts$ | async; let index = index\"\n    [variant]=\"toast.variant\"\n    [header]=\"toast.header\"\n    [content]=\"toast.content\"\n    [index]=\"index\"\n    [delay]=\"toast.options.delay ?? 5000\"\n    [dismissOnAction]=\"toast.options.dismissOnAction ?? true\"\n    [enableAction]=\"toast.options.enableAction\"\n    [actionIcon]=\"toast.options.icon?.variant\"\n    [actionIconFlip]=\"toast.options.icon?.flip\"\n    [actionIconRotate]=\"toast.options.icon?.rotate\"\n    (dismiss)=\"dismiss($event)\"\n    [@pSlideInBottomOutTop]\n></p-toast>\n" }]
+            args: [{ selector: 'p-toast-container', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['placement'], animations: [SLIDE_IN_TOP_OUT_BOTTOM], template: "<p-toast\n    *ngFor=\"let toast of toasts$ | async; let index = index\"\n    [variant]=\"toast.variant\"\n    [header]=\"toast.header\"\n    [content]=\"toast.content\"\n    [index]=\"index\"\n    [delay]=\"toast.options.delay ?? 5000\"\n    [dismissOnAction]=\"toast.options.dismissOnAction ?? true\"\n    [enableAction]=\"toast.options.enableAction\"\n    [actionIcon]=\"toast.options.icon?.variant\"\n    [actionIconFlip]=\"toast.options.icon?.flip\"\n    [actionIconRotate]=\"toast.options.icon?.rotate\"\n    (dismiss)=\"dismiss($event)\"\n    [@pSlideInBottomOutTop]\n></p-toast>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: ToastService }]; } });
 
 const TOAST_COMPONENTS = [ToastContainer];