@paperless/angular 0.1.0-alpha.208 → 0.1.0-alpha.209

package/fesm2020/paperless-angular.mjs

@@ -1656,6 +1656,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                     inputs: ['enableHover', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PToast = class PToast {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['action']);
+    }
+};
+PToast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PToast, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PToast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: PToast, selector: "p-toast", inputs: { actionIcon: "actionIcon", actionIconFlip: "actionIconFlip", actionIconRotate: "actionIconRotate", content: "content", enableAction: "enableAction", header: "header", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PToast = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['actionIcon', 'actionIconFlip', 'actionIconRotate', 'content', 'enableAction', 'header', 'variant']
+    })
+], PToast);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PToast, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-toast',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['actionIcon', 'actionIconFlip', 'actionIconRotate', 'content', 'enableAction', 'header', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PTooltip = class PTooltip {
     constructor(c, r, z) {
         this.z = z;
@@ -2729,13 +2754,14 @@ const DIRECTIVES = [
     PTableFooter,
     PTableHeader,
     PTableRow,
+    PToast,
     PTooltip
 ];
 
 class StencilModule {
 }
 StencilModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: StencilModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StencilModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: StencilModule, declarations: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PTooltip], exports: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PTooltip] });
+StencilModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: StencilModule, declarations: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip], exports: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip] });
 StencilModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: StencilModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: StencilModule, decorators: [{
             type: NgModule,
@@ -2822,63 +2848,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 }]
         }] });
 
-let Toast = class Toast {
-    constructor(c, r, z) {
-        this.z = z;
+class ToastDirective {
+    constructor() {
         this.delay = 5000;
         this.index = 0;
         this.dismissOnAction = true;
         this.dismiss = new EventEmitter();
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['action']);
     }
     ngOnInit() {
-        if (this.dismissOnAction) {
-            this.el.addEventListener('action', () => this.doDismiss());
-        }
         if (this.delay === 'infinite' || this.delay === 0) {
             return;
         }
         setTimeout(() => this.doDismiss(), this.delay);
     }
+    onAction() {
+        if (this.dismissOnAction) {
+            this.doDismiss();
+        }
+    }
     doDismiss() {
         this.dismiss.next(this.index);
     }
-};
-Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: Toast, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: Toast, selector: "p-toast", inputs: { actionIcon: "actionIcon", actionIconFlip: "actionIconFlip", actionIconRotate: "actionIconRotate", content: "content", enableAction: "enableAction", header: "header", variant: "variant", delay: "delay", index: "index", dismissOnAction: "dismissOnAction" }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-Toast = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: [
-            'actionIcon',
-            'actionIconFlip',
-            'actionIconRotate',
-            'content',
-            'enableAction',
-            'header',
-            'variant',
-        ],
-    })
-], Toast);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: Toast, decorators: [{
-            type: Component,
+}
+ToastDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ToastDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: ToastDirective, selector: "p-toast", inputs: { delay: "delay", index: "index", dismissOnAction: "dismissOnAction" }, outputs: { dismiss: "dismiss" }, host: { listeners: { "action": "onAction()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastDirective, decorators: [{
+            type: Directive,
             args: [{
                     selector: 'p-toast',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: [
-                        'actionIcon',
-                        'actionIconFlip',
-                        'actionIconRotate',
-                        'content',
-                        'enableAction',
-                        'header',
-                        'variant',
-                    ],
+                    host: {
+                        '(action)': 'onAction()',
+                    },
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { delay: [{
+        }], propDecorators: { delay: [{
                 type: Input
             }], index: [{
                 type: Input
@@ -2895,13 +2897,15 @@ let ToastContainer = class ToastContainer {
         this._toastService = _toastService;
         this.toasts$ = this._toastService.toasts$;
         this.el = r.nativeElement;
+        console.log('Toast container created!');
+        this.toasts$.subscribe((toasts) => console.log('Toasts updated', toasts.length));
     }
     dismiss(index) {
         this._toastService.hide(index);
     }
 };
 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: Toast, selector: "p-toast", inputs: ["actionIcon", "actionIconFlip", "actionIconRotate", "content", "enableAction", "header", "variant", "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_BOTTOM_OUT_TOP], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 ToastContainer = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -2913,21 +2917,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             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" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: ToastService }]; } });
 
-const TOAST_COMPONENTS = [Toast, ToastContainer];
+const TOAST_COMPONENTS = [ToastContainer];
+
+const TOAST_DIRECTIVES = [ToastDirective];
 
 const TOAST_SERVICES = [ToastService];
 
 class ToastModule {
 }
 ToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: ToastModule, declarations: [Toast, ToastContainer], imports: [CommonModule, StencilModule], exports: [Toast, ToastContainer] });
+ToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: ToastModule, declarations: [ToastContainer, ToastDirective], imports: [CommonModule, StencilModule], exports: [ToastContainer, ToastDirective] });
 ToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastModule, providers: [...TOAST_SERVICES], imports: [CommonModule, StencilModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ToastModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, StencilModule],
-                    declarations: [...TOAST_COMPONENTS],
-                    exports: [...TOAST_COMPONENTS],
+                    declarations: [...TOAST_COMPONENTS, ...TOAST_DIRECTIVES],
+                    exports: [...TOAST_COMPONENTS, ...TOAST_DIRECTIVES],
                     providers: [...TOAST_SERVICES],
                 }]
         }] });
@@ -3024,5 +3030,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CustomCurrencyPipe, CustomDatePipe, DIRECTIVES$1 as DIRECTIVES, FormBaseComponent, MODULES, PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, SafePipe, SelectDirective, StencilModule, TABLE_COMPONENTS, TABLE_DIRECTIVES, TOAST_COMPONENTS, TOAST_SERVICES, Table, TableCell, TableColumn, TableDirective, TableFooterDirective, TableHeaderDirective, TableModule, TableNgxDirective, Toast, ToastContainer, ToastModule, ToastService, ToastVariants };
+export { BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CustomCurrencyPipe, CustomDatePipe, DIRECTIVES$1 as DIRECTIVES, FormBaseComponent, MODULES, PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, SafePipe, SelectDirective, StencilModule, TABLE_COMPONENTS, TABLE_DIRECTIVES, TOAST_COMPONENTS, TOAST_DIRECTIVES, TOAST_SERVICES, Table, TableCell, TableColumn, TableDirective, TableFooterDirective, TableHeaderDirective, TableModule, TableNgxDirective, ToastContainer, ToastDirective, ToastModule, ToastService, ToastVariants };
 //# sourceMappingURL=paperless-angular.mjs.map