i-tech-shared-components 1.1.30 → 1.1.31

package/fesm2022/i-tech-shared-components.mjs

@@ -1,11 +1,12 @@
 import * as i0 from '@angular/core';
-import { Pipe, inject, Injectable, Directive, Input, HostListener, EventEmitter, Component, Output, ViewChild } from '@angular/core';
+import { Pipe, inject, Injectable, Directive, Input, HostListener, EventEmitter, Component, Output, ViewChild, ViewContainerRef, Inject } from '@angular/core';
 import * as i2 from '@ngx-translate/core';
 import { TranslateModule, TranslatePipe, TranslateService } from '@ngx-translate/core';
 import * as i3 from '@angular/forms';
 import { NgControl, FormControlName, ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, Validators } from '@angular/forms';
 import { MatIconButton, MatFabButton, MatButton } from '@angular/material/button';
-import { NgClass, NgIf, NgOptimizedImage, NgFor, NgForOf } from '@angular/common';
+import * as i3$2 from '@angular/common';
+import { NgClass, NgIf, NgOptimizedImage, NgFor, NgForOf, NgComponentOutlet, CommonModule } from '@angular/common';
 import { MatTooltip } from '@angular/material/tooltip';
 import * as i1 from '@angular/material/icon';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
@@ -20,6 +21,10 @@ import * as i6 from '@angular/material/core';
 import * as i3$1 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';
+import { MatChip } from '@angular/material/chips';
+import * as i1$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { NoopScrollStrategy } from '@angular/cdk/overlay';
 
 class GenerateErrorMessagesPipe {
     constructor(translateService) {
@@ -1236,6 +1241,272 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
                 type: Output
             }] } });
 
+var LabelTypeEnum;
+(function (LabelTypeEnum) {
+    LabelTypeEnum["purple"] = "purple";
+    LabelTypeEnum["teal"] = "teal";
+    LabelTypeEnum["olive"] = "olive";
+    LabelTypeEnum["orange"] = "orange";
+    LabelTypeEnum["blue"] = "blue";
+    LabelTypeEnum["cyan"] = "cyan";
+    LabelTypeEnum["raspberry"] = "raspberry";
+    LabelTypeEnum["yellow"] = "yellow";
+    LabelTypeEnum["wine"] = "wine";
+    LabelTypeEnum["primary"] = "primary";
+    LabelTypeEnum["green"] = "green";
+    LabelTypeEnum["red"] = "red";
+    LabelTypeEnum["gray"] = "gray";
+})(LabelTypeEnum || (LabelTypeEnum = {}));
+
+class LabelComponent {
+    constructor() {
+        this.color = LabelTypeEnum.primary;
+        this.bordered = false;
+        this.size = 'standard';
+        this.iconSvg = '';
+        this.disableRipple = false;
+        this.forTable = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: LabelComponent, isStandalone: true, selector: "i-tech-label", inputs: { color: "color", text: "text", bordered: "bordered", tooltip: "tooltip", size: "size", iconName: "iconName", iconSvg: "iconSvg", disableRipple: "disableRipple", forTable: "forTable", innerHtml: "innerHtml" }, ngImport: i0, template: "<div [class]=\"{table_row_item: forTable,'trailing-icon' : iconName || iconSvg}\">\r\n\r\n    <mat-chip\r\n            [class]=\"'label_' + color\"\r\n            [ngClass]=\"{bordered: bordered, small: size === 'small'}\"\r\n            [matTooltip]=\"(tooltip || '') | translate\"\r\n            [disableRipple]=\"disableRipple\"\r\n    >\r\n        <div class=\"flex_align_center flex_gap\">\r\n            <span *ngIf=\"!innerHtml\">{{text | translate}}</span>\r\n            <span *ngIf=\"innerHtml\" [innerHtml]=\"innerHtml | translate\"></span>\r\n            <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\r\n            <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\r\n        </div>\r\n    </mat-chip>\r\n</div>\r\n", dependencies: [{ kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-tech-label', imports: [
+                        MatChip,
+                        MatTooltip,
+                        NgClass,
+                        TranslateModule,
+                        MatIcon
+                    ], template: "<div [class]=\"{table_row_item: forTable,'trailing-icon' : iconName || iconSvg}\">\r\n\r\n    <mat-chip\r\n            [class]=\"'label_' + color\"\r\n            [ngClass]=\"{bordered: bordered, small: size === 'small'}\"\r\n            [matTooltip]=\"(tooltip || '') | translate\"\r\n            [disableRipple]=\"disableRipple\"\r\n    >\r\n        <div class=\"flex_align_center flex_gap\">\r\n            <span *ngIf=\"!innerHtml\">{{text | translate}}</span>\r\n            <span *ngIf=\"innerHtml\" [innerHtml]=\"innerHtml | translate\"></span>\r\n            <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\r\n            <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\r\n        </div>\r\n    </mat-chip>\r\n</div>\r\n" }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], bordered: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], iconSvg: [{
+                type: Input
+            }], disableRipple: [{
+                type: Input
+            }], forTable: [{
+                type: Input
+            }], innerHtml: [{
+                type: Input
+            }] } });
+
+class LoadingComponent {
+    constructor() {
+        this.loading = false;
+        this.absolute = false;
+        this.smallLoading = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: LoadingComponent, isStandalone: true, selector: "i-tech-loading", inputs: { loading: "loading", absolute: "absolute", smallLoading: "smallLoading" }, ngImport: i0, template: "<div [hidden]=\"!loading\" class=\"big_loading\" [ngClass]=\"{absolute: absolute, small_loading: smallLoading}\">\r\n  <img alt=\"\" src=\"assets/images/table-loader.svg\" />\r\n</div>\r\n", styles: [".big_loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999}.big_loading img{width:100px;height:100px}.small_loading img{width:40px;height:40px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-tech-loading', imports: [
+                        NgClass
+                    ], template: "<div [hidden]=\"!loading\" class=\"big_loading\" [ngClass]=\"{absolute: absolute, small_loading: smallLoading}\">\r\n  <img alt=\"\" src=\"assets/images/table-loader.svg\" />\r\n</div>\r\n", styles: [".big_loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999}.big_loading img{width:100px;height:100px}.small_loading img{width:40px;height:40px}\n"] }]
+        }], propDecorators: { loading: [{
+                type: Input
+            }], absolute: [{
+                type: Input
+            }], smallLoading: [{
+                type: Input
+            }] } });
+
+class StandardDialogComponent {
+    constructor(data, componentFactoryResolver, dialogRef) {
+        this.data = data;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.dialogRef = dialogRef;
+        this.loading = true;
+        this.pending = false;
+        this.ButtonType = ButtonType;
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            if (!this.data.component) {
+                return;
+            }
+            this.component = this.componentContainer?.createComponent(this.componentFactoryResolver.resolveComponentFactory(this.data.component));
+            if (this.component) {
+                if (this.data.configs?.data) {
+                    this.component.instance.ready?.subscribe(() => {
+                        setTimeout(() => this.loading = false, 300);
+                    });
+                }
+                else {
+                    setTimeout(() => this.loading = false, 300);
+                }
+                this.component.instance.data = this.data.configs?.data;
+                this.component.instance.closeModal.subscribe((data) => {
+                    this.dialogRef.close(data);
+                });
+                this.component.instance.loading?.subscribe((start) => {
+                    this.pending = start;
+                });
+                this.component.instance.disable?.subscribe((disabled) => {
+                    if (this.data.configs?.button) {
+                        this.data.configs.button.disabled = disabled;
+                    }
+                });
+            }
+        }, 10);
+    }
+    save(type = '') {
+        if (type === 'close') {
+            this.dialogRef.close(true);
+        }
+        else if (this.component) {
+            if (this.pending) {
+                return;
+            }
+            this.component.instance.save();
+        }
+        else {
+            this.dialogRef.close(true);
+        }
+    }
+    close() {
+        this.dialogRef.close(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: StandardDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i0.ComponentFactoryResolver }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: StandardDialogComponent, isStandalone: true, selector: "i-tech-standard-dialog", viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["component"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"modal_content standard_dialog flex_between\" *ngIf=\"data\" [ngClass]=\"{visibility_hidden: loading}\">\r\n    <div class=\"modal-title-text base-bold\" *ngIf=\"data.configs?.title\">\r\n        {{(data.configs?.title || '') | translate}}\r\n    </div>\r\n    <div *ngIf=\"data.configs?.description\" class=\"modal-body-text mt-16\">\r\n      {{(data.configs?.description || '') | translate}}\r\n    </div>\r\n\r\n    <div class=\"modal_content--content\"\r\n         [ngClass]=\"data?.configs?.marginTop === false || !data.configs?.title ? '' : 'mt-20 mb-standard-dialog'\"\r\n    >\r\n        <ng-container #component></ng-container>\r\n    </div>\r\n    <div class=\"ml-auto flex_align_center\" [ngClass]=\"data.configs?.actionsMarginTop || ''\">\r\n        <i-tech-button\r\n                *ngIf=\"!data.configs?.cancelButton?.hidden\"\r\n                (click)=\"close()\"\r\n                [customClass]=\"'mr-20'\"\r\n                [type]=\"ButtonType.TONAL\"\r\n                [text]=\"data.configs?.cancelButton?.text || 'Cancel'\"\r\n        ></i-tech-button>\r\n        <i-tech-button\r\n                *ngIf=\"!data.configs?.button?.hidden\"\r\n                [customClass]=\"(data.configs?.button?.class || '') + ' ' + (data.configs?.button?.disabled ? ' disabled' : '')\"\r\n                [disabled]=\"data.configs?.button?.disabled || false\"\r\n                [submit]=\"pending\"\r\n                [type]=\"data.configs?.button?.buttonType || ButtonType.FILLED\"\r\n                (click)=\"save(data.configs?.button?.type)\"\r\n                [text]=\"(data.configs?.button?.text || 'Save')\"\r\n        ></i-tech-button>\r\n    </div>\r\n</div>\r\n<i-tech-loading [loading]=\"loading\" ></i-tech-loading>\r\n", styles: [".modal_content{position:relative}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: LoadingComponent, selector: "i-tech-loading", inputs: ["loading", "absolute", "smallLoading"] }, { kind: "component", type: ButtonComponent, selector: "i-tech-button", inputs: ["text", "data_cy", "fontIcon", "svgIcon", "type", "customClass", "submit", "disabled", "activated", "color"], outputs: ["buttonClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: StandardDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-tech-standard-dialog', imports: [
+                        NgClass,
+                        NgIf,
+                        TranslateModule,
+                        LoadingComponent,
+                        ButtonComponent,
+                    ], template: "<div class=\"modal_content standard_dialog flex_between\" *ngIf=\"data\" [ngClass]=\"{visibility_hidden: loading}\">\r\n    <div class=\"modal-title-text base-bold\" *ngIf=\"data.configs?.title\">\r\n        {{(data.configs?.title || '') | translate}}\r\n    </div>\r\n    <div *ngIf=\"data.configs?.description\" class=\"modal-body-text mt-16\">\r\n      {{(data.configs?.description || '') | translate}}\r\n    </div>\r\n\r\n    <div class=\"modal_content--content\"\r\n         [ngClass]=\"data?.configs?.marginTop === false || !data.configs?.title ? '' : 'mt-20 mb-standard-dialog'\"\r\n    >\r\n        <ng-container #component></ng-container>\r\n    </div>\r\n    <div class=\"ml-auto flex_align_center\" [ngClass]=\"data.configs?.actionsMarginTop || ''\">\r\n        <i-tech-button\r\n                *ngIf=\"!data.configs?.cancelButton?.hidden\"\r\n                (click)=\"close()\"\r\n                [customClass]=\"'mr-20'\"\r\n                [type]=\"ButtonType.TONAL\"\r\n                [text]=\"data.configs?.cancelButton?.text || 'Cancel'\"\r\n        ></i-tech-button>\r\n        <i-tech-button\r\n                *ngIf=\"!data.configs?.button?.hidden\"\r\n                [customClass]=\"(data.configs?.button?.class || '') + ' ' + (data.configs?.button?.disabled ? ' disabled' : '')\"\r\n                [disabled]=\"data.configs?.button?.disabled || false\"\r\n                [submit]=\"pending\"\r\n                [type]=\"data.configs?.button?.buttonType || ButtonType.FILLED\"\r\n                (click)=\"save(data.configs?.button?.type)\"\r\n                [text]=\"(data.configs?.button?.text || 'Save')\"\r\n        ></i-tech-button>\r\n    </div>\r\n</div>\r\n<i-tech-loading [loading]=\"loading\" ></i-tech-loading>\r\n", styles: [".modal_content{position:relative}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i0.ComponentFactoryResolver }, { type: i1$1.MatDialogRef }], propDecorators: { componentContainer: [{
+                type: ViewChild,
+                args: ['component', { read: ViewContainerRef }]
+            }] } });
+
+// Services
+class CustomDialogComponent {
+    constructor(data) {
+        this.data = data;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: CustomDialogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: CustomDialogComponent, isStandalone: true, selector: "i-tech-custom-dialog", ngImport: i0, template: "<div class=\"modal_content flex_between\">\r\n    <div class=\"modal_content--content\">\r\n        <ng-template [ngComponentOutlet]=\"data.component\"></ng-template>\r\n    </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: CustomDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-tech-custom-dialog', imports: [
+                        NgComponentOutlet
+                    ], template: "<div class=\"modal_content flex_between\">\r\n    <div class=\"modal_content--content\">\r\n        <ng-template [ngComponentOutlet]=\"data.component\"></ng-template>\r\n    </div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
+var ConfirmationDialogTypesEnum;
+(function (ConfirmationDialogTypesEnum) {
+    ConfirmationDialogTypesEnum["WARNING"] = "WARNING";
+    ConfirmationDialogTypesEnum["CONFIRMATION"] = "CONFIRMATION";
+})(ConfirmationDialogTypesEnum || (ConfirmationDialogTypesEnum = {}));
+
+class ConfirmationDialogByTypeComponent {
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.ConfirmationDialogTypesEnum = ConfirmationDialogTypesEnum;
+        this.ButtonType = ButtonType;
+        this.loading = false;
+        if (data.subject) {
+            data.subject.subscribe(res => {
+                if (res.type === 'close') {
+                    this.dialogRef.close(1);
+                }
+            });
+        }
+    }
+    confirm() {
+        if (this.data.subject) {
+            this.loading = true;
+            this.data.subject.next({ type: 'access' });
+            return;
+        }
+        this.dialogRef.close(1);
+    }
+    dismiss() {
+        this.dialogRef.close(0);
+    }
+    ngOnDestroy() {
+        this.data.subject?.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: ConfirmationDialogByTypeComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: ConfirmationDialogByTypeComponent, isStandalone: true, selector: "i-tech-confirmation-dialog-by-type", ngImport: i0, template: "<div class=\"modal_content flex_between\" *ngIf=\"data\">\r\n  <div class=\"modal-title-text base-bold\">\r\n    {{(data?.modalTitle || data.type) | translate}}\r\n  </div>\r\n  <div class=\"modal-body-text mt-20\" *ngIf=\"!data.descriptionByHtml\" [ngClass]=\"{unset_max_width: data.unsetMaxWidth}\">\r\n    {{(data.description || '') | translate }}\r\n  </div>\r\n\r\n  <div class=\"modal-body-text mt-20\" *ngIf=\"data.descriptionByHtml\"\r\n       [innerHTML]=\"data.description\"\r\n       [ngClass]=\"{unset_max_width: data.unsetMaxWidth}\"\r\n  >\r\n  </div>\r\n\r\n  <div class=\"mt-50 flex_end flex_align_center\">\r\n    <i-tech-button\r\n      [type]=\"ButtonType.TONAL\"\r\n      [customClass]=\"'mr-20'\"\r\n      (click)=\"dismiss()\"\r\n      [text]=\"(data.cancelText || 'cancel._')\"\r\n    ></i-tech-button>\r\n    <i-tech-button\r\n      (click)=\"confirm()\"\r\n      [color]=\"data.type === ConfirmationDialogTypesEnum.CONFIRMATION ? 'primary' : 'warn'\"\r\n      [text]=\"(data.confirmText || 'yes')\"\r\n    ></i-tech-button>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ButtonComponent, selector: "i-tech-button", inputs: ["text", "data_cy", "fontIcon", "svgIcon", "type", "customClass", "submit", "disabled", "activated", "color"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: ConfirmationDialogByTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-tech-confirmation-dialog-by-type', imports: [
+                        TranslateModule,
+                        ButtonComponent,
+                        CommonModule
+                    ], template: "<div class=\"modal_content flex_between\" *ngIf=\"data\">\r\n  <div class=\"modal-title-text base-bold\">\r\n    {{(data?.modalTitle || data.type) | translate}}\r\n  </div>\r\n  <div class=\"modal-body-text mt-20\" *ngIf=\"!data.descriptionByHtml\" [ngClass]=\"{unset_max_width: data.unsetMaxWidth}\">\r\n    {{(data.description || '') | translate }}\r\n  </div>\r\n\r\n  <div class=\"modal-body-text mt-20\" *ngIf=\"data.descriptionByHtml\"\r\n       [innerHTML]=\"data.description\"\r\n       [ngClass]=\"{unset_max_width: data.unsetMaxWidth}\"\r\n  >\r\n  </div>\r\n\r\n  <div class=\"mt-50 flex_end flex_align_center\">\r\n    <i-tech-button\r\n      [type]=\"ButtonType.TONAL\"\r\n      [customClass]=\"'mr-20'\"\r\n      (click)=\"dismiss()\"\r\n      [text]=\"(data.cancelText || 'cancel._')\"\r\n    ></i-tech-button>\r\n    <i-tech-button\r\n      (click)=\"confirm()\"\r\n      [color]=\"data.type === ConfirmationDialogTypesEnum.CONFIRMATION ? 'primary' : 'warn'\"\r\n      [text]=\"(data.confirmText || 'yes')\"\r\n    ></i-tech-button>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1$1.MatDialogRef }] });
+
+class DialogService {
+    constructor(dialogService) {
+        this.dialogService = dialogService;
+    }
+    openStandardDialog(component = null, styleConfigs, data = null) {
+        styleConfigs.maxHeight = '90vh';
+        if (!styleConfigs.maxWidth) {
+            styleConfigs.maxWidth = '90vw';
+        }
+        return this.dialogService.open(StandardDialogComponent, {
+            ...styleConfigs,
+            data: { configs: data, component },
+            scrollStrategy: new NoopScrollStrategy(),
+        });
+    }
+    openCustomDialog(component, styleConfigs = {}, data = null) {
+        styleConfigs.maxWidth = '95vw';
+        return this.dialogService.open(CustomDialogComponent, {
+            ...styleConfigs,
+            data: { configs: data, component },
+            scrollStrategy: new NoopScrollStrategy()
+        });
+    }
+    openConfirmationDialogByType(type, styleConfigs, data) {
+        return this.dialogService.open(ConfirmationDialogByTypeComponent, {
+            ...styleConfigs,
+            data: { ...data, type },
+            scrollStrategy: new NoopScrollStrategy(),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DialogService, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DialogService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.MatDialog }] });
+
 /*
  * Public API Surface of shared-components
  */
@@ -1244,5 +1515,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ArrayToStringPipe, AutocompleteSelectComponent, ButtonComponent, ButtonType, ClearValueComponent, DatePickerComponent, DateRangeDatepickerComponent, GenerateErrorMessagesPipe, GetValueByKeyFromObjectPipe, IconButtonComponent, InputMaskDirective, InputService, MenuComponent, TextInputComponent };
+export { ArrayToStringPipe, AutocompleteSelectComponent, ButtonComponent, ButtonType, ClearValueComponent, ConfirmationDialogByTypeComponent, CustomDialogComponent, DatePickerComponent, DateRangeDatepickerComponent, DialogService, GenerateErrorMessagesPipe, GetValueByKeyFromObjectPipe, IconButtonComponent, InputMaskDirective, InputService, LabelComponent, LoadingComponent, MenuComponent, StandardDialogComponent, TextInputComponent };
 //# sourceMappingURL=i-tech-shared-components.mjs.map