@webilix/ngx-helper-m3 0.0.12 → 0.0.13

package/fesm2022/webilix-ngx-helper-m3.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, Injector, Component, HostBinding, Input, Pipe, Injectable, Optional, Inject, EventEmitter, Output, inject, Directive, createComponent } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, Injector, Component, HostBinding, Input, Pipe, Injectable, Optional, Inject, EventEmitter, Output, inject, Directive, HostListener, createComponent } from '@angular/core';
 import { NgComponentOutlet, NgClass } from '@angular/common';
 import * as i1$2 from '@angular/material/button';
 import { MatButton, MatIconButton, MatButtonModule } from '@angular/material/button';
@@ -18,9 +18,9 @@ import * as i2$1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i1$3 from '@angular/material/bottom-sheet';
 import { MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet';
+import { trigger, transition, style, animate } from '@angular/animations';
 import * as i1$4 from '@angular/common/http';
 import { HttpHeaders, HttpEventType } from '@angular/common/http';
-import { trigger, transition, style, animate } from '@angular/animations';
 
 const NGX_HELPER_CONFIG = new InjectionToken('NGX-HELPER-CONFIG');
 const provideNgxHelperConfig = (config) => {
@@ -398,7 +398,7 @@ class ComponentService {
             return value === undefined
                 ? { title: item.title, value: '' }
                 : typeof value === 'string'
-                    ? { title: item.title, value: value.trim() }
+                    ? { title: item.title, value: value.trim(), color: item.color }
                     : {
                         title: item.title,
                         value: pipeTransform(value),
@@ -1276,10 +1276,312 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1$3.MatBottomSheet }, { type: i2$1.MatDialog }] });
 
-class UploadComponent {
+class ToastComponent {
+    elementRef;
+    onClick = () => this.close();
+    host = true;
+    className = 'ngx-helper-m3-toast';
+    top = '1rem';
+    textColor;
+    borderColor;
+    backgroundColor;
+    id;
+    icon;
+    messages = [];
+    config;
+    init;
+    close;
+    timeout;
+    showClose;
+    animation;
+    progress = 0;
+    start = 0;
+    interval;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    ngOnInit() {
+        this.borderColor = this.backgroundColor;
+        const xPosition = this.config.helper?.toastXPosition || 'CENTER';
+        this.className = `ngx-helper-m3-toast ${xPosition.toLowerCase()}`;
+        const toastTimeout = this.config.helper?.toastTimeout === undefined || this.config.helper?.toastTimeout < 0
+            ? 4000
+            : this.config.helper?.toastTimeout;
+        this.timeout =
+            this.config.toast.timeout === undefined || this.config.toast.timeout < 0
+                ? toastTimeout
+                : this.config.toast.timeout;
+        this.showClose = this.config.toast.showClose || this.timeout === 0;
+        this.animation = this.config.helper?.toastProgressAnimation || 'DECREASE';
+        if (this.timeout) {
+            this.start = new Date().getTime();
+            this.interval = setInterval(() => {
+                const timer = new Date().getTime();
+                this.progress = ((timer - this.start) * 100) / this.timeout;
+                this.progress = this.progress < 100 ? +this.progress.toFixed(2) : 100;
+                if (this.progress === 100)
+                    this.close();
+            }, 25);
+        }
+    }
+    ngOnDestroy() {
+        if (this.interval)
+            clearInterval(this.interval);
+    }
+    ngAfterViewInit() {
+        this.init();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ToastComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.4", type: ToastComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "selector": "toast" }, listeners: { "click": "onClick()" }, properties: { "@host": "this.host", "className": "this.className", "style.top": "this.top", "style.color": "this.textColor", "style.border-color": "this.borderColor", "style.background-color": "this.backgroundColor" } }, ngImport: i0, template: "<div class=\"content\">\n    <div class=\"toast\">\n        <mat-icon [style.color]=\"textColor\" class=\"icon\">{{ icon }}</mat-icon>\n        <ul>\n            @for (message of messages; track $index) {\n            <li [innerHTML]=\"message | ngxHelperMultiLine\"></li>\n            }\n        </ul>\n    </div>\n    <!-- CLOSE ICON -->\n    @if (showClose) {\n    <mat-icon [style.color]=\"textColor\" class=\"close\">close</mat-icon>\n    }\n</div>\n\n<div class=\"progress-container\" [style.background-color]=\"backgroundColor\">\n    @if (timeout !== 0) {\n    <div\n        class=\"progress-value\"\n        [style.background-color]=\"'color-mix(in srgb, ' + backgroundColor + ', black 25%)'\"\n        [style.width]=\"(animation === 'DECREASE' ? 100 - progress : progress) + '%'\"\n    ></div>\n    }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: NgxHelperMultiLinePipe, name: "ngxHelperMultiLine" }], animations: [
+            trigger('host', [
+                transition(':enter', [
+                    style({ top: 0, opacity: 0 }),
+                    animate('350ms ease-in-out', style({ top: '*', opacity: 1 })),
+                ]),
+            ]),
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{ host: { selector: 'toast' }, imports: [MatIcon, NgxHelperMultiLinePipe], animations: [
+                        trigger('host', [
+                            transition(':enter', [
+                                style({ top: 0, opacity: 0 }),
+                                animate('350ms ease-in-out', style({ top: '*', opacity: 1 })),
+                            ]),
+                        ]),
+                    ], template: "<div class=\"content\">\n    <div class=\"toast\">\n        <mat-icon [style.color]=\"textColor\" class=\"icon\">{{ icon }}</mat-icon>\n        <ul>\n            @for (message of messages; track $index) {\n            <li [innerHTML]=\"message | ngxHelperMultiLine\"></li>\n            }\n        </ul>\n    </div>\n    <!-- CLOSE ICON -->\n    @if (showClose) {\n    <mat-icon [style.color]=\"textColor\" class=\"close\">close</mat-icon>\n    }\n</div>\n\n<div class=\"progress-container\" [style.background-color]=\"backgroundColor\">\n    @if (timeout !== 0) {\n    <div\n        class=\"progress-value\"\n        [style.background-color]=\"'color-mix(in srgb, ' + backgroundColor + ', black 25%)'\"\n        [style.width]=\"(animation === 'DECREASE' ? 100 - progress : progress) + '%'\"\n    ></div>\n    }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], host: [{
+                type: HostBinding,
+                args: ['@host']
+            }], className: [{
+                type: HostBinding,
+                args: ['className']
+            }], top: [{
+                type: HostBinding,
+                args: ['style.top']
+            }], textColor: [{
+                type: HostBinding,
+                args: ['style.color']
+            }], borderColor: [{
+                type: HostBinding,
+                args: ['style.border-color']
+            }], backgroundColor: [{
+                type: HostBinding,
+                args: ['style.background-color']
+            }] } });
+
+class NgxHelperToastService {
+    applicationRef;
+    injector;
+    config;
+    components = [];
+    constructor(applicationRef, injector, config) {
+        this.applicationRef = applicationRef;
+        this.injector = injector;
+        this.config = config;
+    }
+    getId() {
+        let id = undefined;
+        while (!id || this.components.some((c) => c.id === id))
+            id = Helper.STRING.getRandom(10);
+        return id;
+    }
+    updatePositions() {
+        let top = 0;
+        this.components.forEach((c, index) => {
+            c.componentRef.instance.top = `calc(${(index / 1.5).toFixed(1)}rem + calc(${top}px + 1rem))`;
+            top += +c.componentRef.instance.elementRef.nativeElement.offsetHeight;
+        });
+    }
+    toast(toast, message, arg1, arg2) {
+        const config = arg2 ? arg1 : typeof arg1 === 'object' ? arg1 : {};
+        const onClose = arg2 || (typeof arg1 === 'function' ? arg1 : () => { });
+        const messages = typeof message === 'string' ? [message] : message;
+        const content = [toast.icon, toast.textColor, toast.backgroundColor, ...messages].join('\n');
+        const duplicate = this.components.find((component) => component.content === content);
+        if (!this.config?.toastAllowDuplicates && duplicate) {
+            if (this.config?.toastResetDuplicates) {
+                duplicate.componentRef.instance.start = new Date().getTime();
+                duplicate.componentRef.instance.progress = 0;
+            }
+            return;
+        }
+        const componentRef = createComponent(ToastComponent, {
+            environmentInjector: this.applicationRef.injector,
+            elementInjector: this.injector,
+        });
+        const id = this.getId();
+        componentRef.instance.id = id;
+        componentRef.instance.icon = toast.icon;
+        componentRef.instance.textColor = toast.textColor;
+        componentRef.instance.backgroundColor = toast.backgroundColor;
+        componentRef.instance.messages = messages;
+        componentRef.instance.config = { helper: this.config, toast: config };
+        componentRef.instance.init = () => this.updatePositions();
+        componentRef.instance.close = () => {
+            this.applicationRef.detachView(componentRef.hostView);
+            document.body.removeChild(htmlElement);
+            componentRef.destroy();
+            this.components = this.components.filter((c) => c.id !== componentRef.instance.id);
+            this.updatePositions();
+            if (onClose)
+                onClose();
+        };
+        const htmlElement = componentRef.hostView.rootNodes[0];
+        this.applicationRef.attachView(componentRef.hostView);
+        document.body.appendChild(htmlElement);
+        this.components.push({ id, componentRef, content });
+        this.updatePositions();
+    }
+    info(message, arg1, arg2) {
+        const toast = { icon: 'warning_amber', textColor: '#fff', backgroundColor: '#2f96b4' };
+        this.toast(toast, message, arg1, arg2);
+    }
+    success(message, arg1, arg2) {
+        const toast = { icon: 'done_all', textColor: '#fff', backgroundColor: '#51a351' };
+        this.toast(toast, message, arg1, arg2);
+    }
+    warning(message, arg1, arg2) {
+        const toast = { icon: 'info', textColor: '#fff', backgroundColor: '#f89406' };
+        this.toast(toast, message, arg1, arg2);
+    }
+    error(message, arg1, arg2) {
+        const toast = { icon: 'cancel', textColor: '#fff', backgroundColor: '#bd362f' };
+        this.toast(toast, message, arg1, arg2);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgxHelperToastService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: NGX_HELPER_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgxHelperToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgxHelperToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NGX_HELPER_CONFIG]
+                }] }] });
+
+class DownloadComponent {
     httpClient;
+    ngxHelperToastService;
+    host = true;
     className = 'ngx-helper-m3-http';
+    bottom = '1rem';
+    id;
+    path;
+    title;
+    config;
+    onSuccess;
+    onError;
+    close;
+    progress = 0;
+    constructor(httpClient, ngxHelperToastService) {
+        this.httpClient = httpClient;
+        this.ngxHelperToastService = ngxHelperToastService;
+    }
+    ngAfterViewInit() {
+        setTimeout(this.download.bind(this), 0);
+    }
+    download() {
+        let headers = new HttpHeaders();
+        const header = this.config.header || {};
+        Object.keys(header).forEach((key) => (headers = headers.set(key, header[key])));
+        let request;
+        switch (this.config.method || 'GET') {
+            case 'GET':
+                request = this.httpClient.get(this.path, {
+                    headers,
+                    reportProgress: true,
+                    observe: 'events',
+                    responseType: 'arraybuffer',
+                });
+                break;
+            case 'POST':
+                request = this.httpClient.post(this.path, {
+                    headers,
+                    reportProgress: true,
+                    observe: 'events',
+                    responseType: 'arraybuffer',
+                });
+                break;
+            case 'PUT':
+                request = this.httpClient.put(this.path, {
+                    headers,
+                    reportProgress: true,
+                    observe: 'events',
+                    responseType: 'arraybuffer',
+                });
+                break;
+            case 'PATCH':
+                request = this.httpClient.patch(this.path, {
+                    headers,
+                    reportProgress: true,
+                    observe: 'events',
+                    responseType: 'arraybuffer',
+                });
+                break;
+        }
+        request.subscribe({
+            next: (event) => {
+                switch (event.type) {
+                    case HttpEventType.DownloadProgress:
+                        const progress = event.loaded && event.total ? Math.ceil((event.loaded / event.total) * 1000) / 10 : 0;
+                        this.progress = progress <= 100 ? progress : 100;
+                        break;
+                    case HttpEventType.Response:
+                        console.log(event);
+                        this.progress = 100;
+                        this.onSuccess(event.body);
+                        this.close();
+                        break;
+                }
+            },
+            error: () => {
+                this.onError();
+                this.close();
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: DownloadComponent, deps: [{ token: i1$4.HttpClient }, { token: NgxHelperToastService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: DownloadComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "selector": "download" }, properties: { "@host": "this.host", "className": "this.className", "style.bottom": "this.bottom" } }, ngImport: i0, template: "<div class=\"content\">\n    <mat-icon>file_download</mat-icon>\n    <div class=\"title\">{{ title }}</div>\n</div>\n\n<div class=\"progress-container\">\n    <div class=\"progress-value\" [style.width]=\"progress + '%'\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: [
+            trigger('host', [
+                transition(':enter', [
+                    style({ left: 'calc(-250px - 1rem)' }),
+                    animate('100ms ease-in-out', style({ left: '1rem' })),
+                ]),
+            ]),
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: DownloadComponent, decorators: [{
+            type: Component,
+            args: [{ host: { selector: 'download' }, imports: [MatIcon], animations: [
+                        trigger('host', [
+                            transition(':enter', [
+                                style({ left: 'calc(-250px - 1rem)' }),
+                                animate('100ms ease-in-out', style({ left: '1rem' })),
+                            ]),
+                        ]),
+                    ], template: "<div class=\"content\">\n    <mat-icon>file_download</mat-icon>\n    <div class=\"title\">{{ title }}</div>\n</div>\n\n<div class=\"progress-container\">\n    <div class=\"progress-value\" [style.width]=\"progress + '%'\"></div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$4.HttpClient }, { type: NgxHelperToastService }], propDecorators: { host: [{
+                type: HostBinding,
+                args: ['@host']
+            }], className: [{
+                type: HostBinding,
+                args: ['className']
+            }], bottom: [{
+                type: HostBinding,
+                args: ['style.bottom']
+            }] } });
+
+class UploadComponent {
+    httpClient;
     host = true;
+    className = 'ngx-helper-m3-http';
     bottom = '1rem';
     id;
     file;
@@ -1332,7 +1634,7 @@ class UploadComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: UploadComponent, deps: [{ token: i1$4.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: UploadComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "selector": "upload" }, properties: { "className": "this.className", "@host": "this.host", "style.bottom": "this.bottom" } }, ngImport: i0, template: "<div class=\"content\">\n    <mat-icon>file_upload</mat-icon>\n    <div class=\"file\">{{ file.name }}</div>\n</div>\n\n<div class=\"progress-container\">\n    <div class=\"progress-value\" [style.width]=\"progress + '%'\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: UploadComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "selector": "upload" }, properties: { "@host": "this.host", "className": "this.className", "style.bottom": "this.bottom" } }, ngImport: i0, template: "<div class=\"content\">\n    <mat-icon>file_upload</mat-icon>\n    <div class=\"file\">{{ file.name }}</div>\n</div>\n\n<div class=\"progress-container\">\n    <div class=\"progress-value\" [style.width]=\"progress + '%'\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: [
             trigger('host', [
                 transition(':enter', [
                     style({ left: 'calc(-250px - 1rem)' }),
@@ -1351,12 +1653,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
                             ]),
                         ]),
                     ], template: "<div class=\"content\">\n    <mat-icon>file_upload</mat-icon>\n    <div class=\"file\">{{ file.name }}</div>\n</div>\n\n<div class=\"progress-container\">\n    <div class=\"progress-value\" [style.width]=\"progress + '%'\"></div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$4.HttpClient }], propDecorators: { className: [{
-                type: HostBinding,
-                args: ['className']
-            }], host: [{
+        }], ctorParameters: () => [{ type: i1$4.HttpClient }], propDecorators: { host: [{
                 type: HostBinding,
                 args: ['@host']
+            }], className: [{
+                type: HostBinding,
+                args: ['className']
             }], bottom: [{
                 type: HostBinding,
                 args: ['style.bottom']
@@ -1365,10 +1667,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
 class NgxHelperHttpService {
     applicationRef;
     injector;
+    ngxHelperToastService;
     components = [];
-    constructor(applicationRef, injector) {
+    constructor(applicationRef, injector, ngxHelperToastService) {
         this.applicationRef = applicationRef;
         this.injector = injector;
+        this.ngxHelperToastService = ngxHelperToastService;
     }
     getId() {
         let id = undefined;
@@ -1381,6 +1685,54 @@ class NgxHelperHttpService {
             c.componentRef.instance.bottom = `calc(${(index / 1.5).toFixed(1)}rem + calc(${index * 40}px + 1rem))`;
         });
     }
+    getBuffer(path, title, config) {
+        return new Promise((resolve, reject) => {
+            const componentRef = createComponent(DownloadComponent, {
+                environmentInjector: this.applicationRef.injector,
+                elementInjector: this.injector,
+            });
+            const id = this.getId();
+            componentRef.instance.id = id;
+            componentRef.instance.path = path;
+            componentRef.instance.title = title;
+            componentRef.instance.config = config || {};
+            componentRef.instance.onSuccess = (arrayBuffer) => resolve(arrayBuffer);
+            componentRef.instance.onError = () => reject();
+            componentRef.instance.close = () => {
+                this.applicationRef.detachView(componentRef.hostView);
+                document.body.removeChild(htmlElement);
+                componentRef.destroy();
+                this.components = this.components.filter((c) => c.id !== componentRef.instance.id);
+                this.updatePositions();
+            };
+            const htmlElement = componentRef.hostView.rootNodes[0];
+            this.applicationRef.attachView(componentRef.hostView);
+            document.body.appendChild(htmlElement);
+            this.components.push({ id, componentRef });
+            this.updatePositions();
+        });
+    }
+    download(path, title, config) {
+        const onError = () => this.ngxHelperToastService.error('امکان دانلود فایل وجود ندارد.');
+        const onSuccess = (arrayBuffer) => {
+            try {
+                const split = path
+                    .split('.')
+                    .map((text) => text.trim().replace(/\//gi, ''))
+                    .filter((text) => !!text);
+                const name = Helper.STRING.getFileName(title, split[split.length - 1] || '');
+                const href = URL.createObjectURL(new Blob([arrayBuffer]));
+                const a = document.createElement('a');
+                a.href = href;
+                a.download = name;
+                a.click();
+            }
+            catch (e) {
+                onError();
+            }
+        };
+        this.getBuffer(path, title, config || {}).then(onSuccess, onError);
+    }
     upload(file, url, arg1, arg2, arg3) {
         const config = typeof arg3 === 'function' ? arg1 : {};
         const onSuccess = typeof arg3 === 'function' ? arg2 : arg1;
@@ -1397,6 +1749,7 @@ class NgxHelperHttpService {
         componentRef.instance.close = (type, result, status) => {
             this.applicationRef.detachView(componentRef.hostView);
             document.body.removeChild(htmlElement);
+            componentRef.destroy();
             this.components = this.components.filter((c) => c.id !== componentRef.instance.id);
             this.updatePositions();
             switch (type) {
@@ -1414,13 +1767,41 @@ class NgxHelperHttpService {
         this.components.push({ id, componentRef });
         this.updatePositions();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgxHelperHttpService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    printPDF(data, config) {
+        const getPDF = () => {
+            return new Promise((resolve, reject) => {
+                if (typeof data !== 'string') {
+                    resolve(new Blob([data], { type: 'application/pdf' }));
+                    return;
+                }
+                this.getBuffer(data, 'دریافت فایل', config || {}).then((arrayBuffer) => resolve(new Blob([arrayBuffer], { type: 'application/pdf' })), () => reject());
+            });
+        };
+        getPDF().then((blob) => {
+            try {
+                const prevIframe = document.getElementById('ngx-helper-http-pdf-download-iframe');
+                if (prevIframe)
+                    document.body.removeChild(prevIframe);
+                const src = URL.createObjectURL(blob);
+                const iframe = document.createElement('iframe');
+                iframe.id = 'ngx-helper-http-pdf-download-iframe';
+                iframe.style.display = 'none';
+                document.body.appendChild(iframe);
+                iframe.src = src;
+                iframe.onload = () => iframe.contentWindow?.print();
+            }
+            catch (e) {
+                this.ngxHelperToastService.error('امکان پرینت فایل وجود ندارد.');
+            }
+        }, () => this.ngxHelperToastService.error('امکان دانلود فایل وجود ندارد.'));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgxHelperHttpService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: NgxHelperToastService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgxHelperHttpService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgxHelperHttpService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }] });
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: NgxHelperToastService }] });
 
 /*
  * Public API Surface of ngx-helper-m3
@@ -1430,5 +1811,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NGX_HELPER_BOX_DATA, NGX_HELPER_CONFIG, NGX_HELPER_CONTAINER_CLOSE, NGX_HELPER_CONTAINER_DATA, NGX_HELPER_CONTAINER_TYPE, NGX_HELPER_PAGE_GROUP_DATA, NGX_HELPER_PAGE_GROUP_DATA_CHANGE, NGX_HELPER_PAGE_GROUP_ITEM, NgxHelperBankCardPipe, NgxHelperBoxComponent, NgxHelperCardComponent, NgxHelperConfirmService, NgxHelperContainerService, NgxHelperDatePipe, NgxHelperDurationPipe, NgxHelperFileSizePipe, NgxHelperHttpService, NgxHelperLoaderComponent, NgxHelperMobilePipe, NgxHelperMultiLinePipe, NgxHelperNumberPipe, NgxHelperPageGroupComponent, NgxHelperPeriodPipe, NgxHelperPricePipe, NgxHelperSafePipe, NgxHelperSectionColumnComponent, NgxHelperSectionComponent, NgxHelperSectionStickyDirective, NgxHelperValueBoxComponent, NgxHelperValueListComponent, NgxHelperValuePipe, NgxHelperVolumePipe, NgxHelperWeightPipe, provideNgxHelperConfig };
+export { NGX_HELPER_BOX_DATA, NGX_HELPER_CONFIG, NGX_HELPER_CONTAINER_CLOSE, NGX_HELPER_CONTAINER_DATA, NGX_HELPER_CONTAINER_TYPE, NGX_HELPER_PAGE_GROUP_DATA, NGX_HELPER_PAGE_GROUP_DATA_CHANGE, NGX_HELPER_PAGE_GROUP_ITEM, NgxHelperBankCardPipe, NgxHelperBoxComponent, NgxHelperCardComponent, NgxHelperConfirmService, NgxHelperContainerService, NgxHelperDatePipe, NgxHelperDurationPipe, NgxHelperFileSizePipe, NgxHelperHttpService, NgxHelperLoaderComponent, NgxHelperMobilePipe, NgxHelperMultiLinePipe, NgxHelperNumberPipe, NgxHelperPageGroupComponent, NgxHelperPeriodPipe, NgxHelperPricePipe, NgxHelperSafePipe, NgxHelperSectionColumnComponent, NgxHelperSectionComponent, NgxHelperSectionStickyDirective, NgxHelperToastService, NgxHelperValueBoxComponent, NgxHelperValueListComponent, NgxHelperValuePipe, NgxHelperVolumePipe, NgxHelperWeightPipe, provideNgxHelperConfig };
 //# sourceMappingURL=webilix-ngx-helper-m3.mjs.map