@ieeesa-npm/presentation 0.12.2 → 0.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/assets/constants.json +5 -0
- package/esm2022/lib/components/tabs/tabs.component.mjs +93 -19
- package/fesm2022/ieeesa-npm-presentation.mjs +113 -36
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/chips/chips.component.d.ts +11 -4
- package/lib/components/tabs/tabs.component.d.ts +31 -6
- package/package.json +1 -1
- package/src/lib/assets/constants.json +5 -0
|
@@ -70,7 +70,7 @@ import { trigger, state, style, transition, animate } from '@angular/animations'
|
|
|
70
70
|
import { filter as filter$2, takeUntil as takeUntil$1 } from 'rxjs/operators';
|
|
71
71
|
import * as i3$8 from '@angular/material/card';
|
|
72
72
|
import { MatCardModule } from '@angular/material/card';
|
|
73
|
-
import * as
|
|
73
|
+
import * as i3$9 from '@angular/material/tabs';
|
|
74
74
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
75
75
|
|
|
76
76
|
/**
|
|
@@ -108,6 +108,11 @@ var button = {
|
|
|
108
108
|
ok: "OK",
|
|
109
109
|
add: "Add"
|
|
110
110
|
};
|
|
111
|
+
var modalConfig = {
|
|
112
|
+
ariaLabel: "Alert",
|
|
113
|
+
autoFocus: "dialog",
|
|
114
|
+
width: "25%"
|
|
115
|
+
};
|
|
111
116
|
var chips = {
|
|
112
117
|
noOfDefaultVisibleChips: 3,
|
|
113
118
|
label: {
|
|
@@ -337,6 +342,7 @@ var timePicker = {
|
|
|
337
342
|
var constants = {
|
|
338
343
|
ariaLabel: ariaLabel,
|
|
339
344
|
button: button,
|
|
345
|
+
modalConfig: modalConfig,
|
|
340
346
|
chips: chips,
|
|
341
347
|
dataTable: dataTable,
|
|
342
348
|
datePicker: datePicker,
|
|
@@ -353,7 +359,7 @@ var constants = {
|
|
|
353
359
|
timePicker: timePicker
|
|
354
360
|
};
|
|
355
361
|
|
|
356
|
-
var
|
|
362
|
+
var constants$1 = /*#__PURE__*/Object.freeze({
|
|
357
363
|
__proto__: null,
|
|
358
364
|
ariaLabel: ariaLabel,
|
|
359
365
|
autocomplete: autocomplete,
|
|
@@ -369,6 +375,7 @@ var screenTexts = /*#__PURE__*/Object.freeze({
|
|
|
369
375
|
footer: footer,
|
|
370
376
|
header: header,
|
|
371
377
|
loader: loader,
|
|
378
|
+
modalConfig: modalConfig,
|
|
372
379
|
textarea: textarea,
|
|
373
380
|
timePicker: timePicker,
|
|
374
381
|
welcome: welcome
|
|
@@ -527,7 +534,7 @@ class AutocompleteComponent {
|
|
|
527
534
|
this.autoCompleteOptionSelected = new EventEmitter();
|
|
528
535
|
this.destroy$ = new Subject();
|
|
529
536
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
530
|
-
this.autocompleteConstInfo =
|
|
537
|
+
this.autocompleteConstInfo = constants$1;
|
|
531
538
|
}
|
|
532
539
|
/**
|
|
533
540
|
* Implementation of ngOnInit lifecycle hook method to initialize components instance properties.
|
|
@@ -872,7 +879,7 @@ class DatePickerHeaderComponent {
|
|
|
872
879
|
this.arrowDirection = false;
|
|
873
880
|
this.isRangeSelection = false;
|
|
874
881
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
875
|
-
this.datePickerInfo =
|
|
882
|
+
this.datePickerInfo = constants$1;
|
|
876
883
|
}
|
|
877
884
|
/**
|
|
878
885
|
* Implementation of ngOnInit lifecycle hook method to initialize components instance properties.
|
|
@@ -1085,7 +1092,7 @@ class DatePickerComponent {
|
|
|
1085
1092
|
this.selectedDate = new EventEmitter();
|
|
1086
1093
|
this.selectedDateRange = new EventEmitter();
|
|
1087
1094
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1088
|
-
this.buttonActionsInfo =
|
|
1095
|
+
this.buttonActionsInfo = constants$1;
|
|
1089
1096
|
}
|
|
1090
1097
|
/**
|
|
1091
1098
|
* Implementation of ngOnInit lifecycle hook method to creates config if its undefined and sets components instance variables if config is defined. Sets the form group value if form group is defined.
|
|
@@ -1300,7 +1307,7 @@ class InputComponent {
|
|
|
1300
1307
|
constructor() {
|
|
1301
1308
|
this.invalidChars = ['-', '+', 'e'];
|
|
1302
1309
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1303
|
-
this.buttonActionsInfo =
|
|
1310
|
+
this.buttonActionsInfo = constants$1;
|
|
1304
1311
|
this.inputValueChange = new EventEmitter();
|
|
1305
1312
|
}
|
|
1306
1313
|
/**
|
|
@@ -1505,7 +1512,7 @@ class SearchComponent {
|
|
|
1505
1512
|
this.minCharacterToSearch = MIN_CHAR;
|
|
1506
1513
|
this.destroy$ = new Subject();
|
|
1507
1514
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1508
|
-
this.searchInfo =
|
|
1515
|
+
this.searchInfo = constants$1;
|
|
1509
1516
|
this.isSearchValueEmitted = false;
|
|
1510
1517
|
}
|
|
1511
1518
|
/**
|
|
@@ -1710,7 +1717,7 @@ class SelectComponent {
|
|
|
1710
1717
|
this.arrowDirection = false;
|
|
1711
1718
|
this.searchType = SearchType.AUTO;
|
|
1712
1719
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1713
|
-
this.dropdownInfo =
|
|
1720
|
+
this.dropdownInfo = constants$1;
|
|
1714
1721
|
this._isSortNeeded = true;
|
|
1715
1722
|
this.formControlName = 'select';
|
|
1716
1723
|
this.isMultiLevel = false;
|
|
@@ -1898,7 +1905,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1898
1905
|
class TextAreaComponent {
|
|
1899
1906
|
constructor() {
|
|
1900
1907
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1901
|
-
this.constants =
|
|
1908
|
+
this.constants = constants$1;
|
|
1902
1909
|
this.supportTextLinkClick = new EventEmitter();
|
|
1903
1910
|
}
|
|
1904
1911
|
/**
|
|
@@ -1969,7 +1976,7 @@ class AddFormGroupComponent {
|
|
|
1969
1976
|
constructor() {
|
|
1970
1977
|
this.addFormGroup = new EventEmitter();
|
|
1971
1978
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1972
|
-
this.buttonActionsInfo =
|
|
1979
|
+
this.buttonActionsInfo = constants$1;
|
|
1973
1980
|
}
|
|
1974
1981
|
/**
|
|
1975
1982
|
* Emits the addFormGroup event on click of add form group button.
|
|
@@ -1993,7 +2000,7 @@ class TimePickerComponent {
|
|
|
1993
2000
|
constructor() {
|
|
1994
2001
|
this.formTimeSelected = new EventEmitter();
|
|
1995
2002
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1996
|
-
this.constants =
|
|
2003
|
+
this.constants = constants$1;
|
|
1997
2004
|
}
|
|
1998
2005
|
/**
|
|
1999
2006
|
* Handles form time selection event
|
|
@@ -2849,7 +2856,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2849
2856
|
class FooterComponent {
|
|
2850
2857
|
constructor() {
|
|
2851
2858
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
2852
|
-
this.screenTexts =
|
|
2859
|
+
this.screenTexts = constants$1;
|
|
2853
2860
|
this.currentYear = new Date().getFullYear();
|
|
2854
2861
|
}
|
|
2855
2862
|
set footerConfig(value) {
|
|
@@ -2895,7 +2902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2895
2902
|
class MenuComponent {
|
|
2896
2903
|
constructor() {
|
|
2897
2904
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
2898
|
-
this.constants =
|
|
2905
|
+
this.constants = constants$1;
|
|
2899
2906
|
this.isMarginBottomZero = false;
|
|
2900
2907
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
2901
2908
|
this.menuItemClick = new EventEmitter();
|
|
@@ -2986,7 +2993,7 @@ class HeaderComponent {
|
|
|
2986
2993
|
this.authService = authService;
|
|
2987
2994
|
this.storageService = storageService;
|
|
2988
2995
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
2989
|
-
this.screenTexts =
|
|
2996
|
+
this.screenTexts = constants$1;
|
|
2990
2997
|
this.profileMenuOptions = this.screenTexts?.header?.userProfileMenuOptions;
|
|
2991
2998
|
// eslint-disable-next-line @typescript-eslint/no-inferrable-types
|
|
2992
2999
|
this.isMobileView = false;
|
|
@@ -3116,7 +3123,7 @@ class SetBackgroundDirective {
|
|
|
3116
3123
|
this.safePipe = safePipe;
|
|
3117
3124
|
this.bgSize = 'cover';
|
|
3118
3125
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3119
|
-
this.constants =
|
|
3126
|
+
this.constants = constants$1;
|
|
3120
3127
|
}
|
|
3121
3128
|
/**
|
|
3122
3129
|
* Sets the elements background color and image.
|
|
@@ -3562,7 +3569,7 @@ class WelcomeComponent {
|
|
|
3562
3569
|
this.signInClick = new EventEmitter();
|
|
3563
3570
|
this.signUpClick = new EventEmitter();
|
|
3564
3571
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3565
|
-
this.constants =
|
|
3572
|
+
this.constants = constants$1;
|
|
3566
3573
|
this.url = welcome?.buttons?.[0]?.url;
|
|
3567
3574
|
}
|
|
3568
3575
|
ngOnInit() {
|
|
@@ -3656,7 +3663,7 @@ class ChipsComponent {
|
|
|
3656
3663
|
constructor(breakpointObserverService) {
|
|
3657
3664
|
this.breakpointObserverService = breakpointObserverService;
|
|
3658
3665
|
this.isMobileView = false;
|
|
3659
|
-
this.constants =
|
|
3666
|
+
this.constants = constants$1;
|
|
3660
3667
|
this.chipsType = ChipsType;
|
|
3661
3668
|
this.orientations = ChipOrientation;
|
|
3662
3669
|
this.activeLabel = this.constants?.chips?.label?.viewLess;
|
|
@@ -3811,7 +3818,7 @@ class FilterComponent {
|
|
|
3811
3818
|
this.breakpointObserverService = breakpointObserverService;
|
|
3812
3819
|
this.changeDetectorReference = changeDetectorReference;
|
|
3813
3820
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3814
|
-
this.constants =
|
|
3821
|
+
this.constants = constants$1;
|
|
3815
3822
|
this.arrow = this.constants?.chips?.icons?.arrow;
|
|
3816
3823
|
this.removeIcon = this.constants?.chips?.icons?.remove;
|
|
3817
3824
|
this.isFilterOpened = false;
|
|
@@ -3959,7 +3966,7 @@ class LoaderComponent {
|
|
|
3959
3966
|
constructor() {
|
|
3960
3967
|
this.diameter = 48;
|
|
3961
3968
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3962
|
-
this.loader =
|
|
3969
|
+
this.loader = constants$1;
|
|
3963
3970
|
}
|
|
3964
3971
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3965
3972
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, isStandalone: true, selector: "ieeesa-loader", inputs: { diameter: "diameter" }, ngImport: i0, template: "<div class=\"ieeesa-loader\">\r\n <mat-progress-spinner\r\n class=\"ieeesa-loader__progress-spinner\"\r\n mode=\"indeterminate\"\r\n [diameter]=\"diameter\"\r\n [attr.aria-label]=\"loader.ariaLabel.spinner\"\r\n ></mat-progress-spinner>\r\n <div class=\"ieeesa-loader__overlay\"></div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.mat-progress-spinner circle{stroke:#00629b}.mat-progress-spinner{margin:0 auto}.ieeesa-loader__progress-spinner{position:relative;top:50%;left:50%}.ieeesa-loader__overlay{width:100%;height:100%;background-color:#fff;opacity:.1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
@@ -4116,7 +4123,7 @@ class DataTableComponent {
|
|
|
4116
4123
|
breakpointObserverService) {
|
|
4117
4124
|
this.breakpointObserverService = breakpointObserverService;
|
|
4118
4125
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4119
|
-
this.constants =
|
|
4126
|
+
this.constants = constants$1;
|
|
4120
4127
|
this.isNestedTableHeaderNeeded = false;
|
|
4121
4128
|
this.defaultColumnSortDirection = TableColumnSortDirection.ASCENDING;
|
|
4122
4129
|
this.isClearSortNeeded = true;
|
|
@@ -4578,7 +4585,7 @@ class BreadcrumbComponent {
|
|
|
4578
4585
|
this.activatedRoute = activatedRoute;
|
|
4579
4586
|
this.router = router;
|
|
4580
4587
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4581
|
-
this.breadcrumbTexts =
|
|
4588
|
+
this.breadcrumbTexts = constants$1;
|
|
4582
4589
|
/**
|
|
4583
4590
|
* Initial route for the breadcrumb component.
|
|
4584
4591
|
* @type {string}
|
|
@@ -4735,19 +4742,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4735
4742
|
}] } });
|
|
4736
4743
|
|
|
4737
4744
|
class TabsComponent {
|
|
4738
|
-
constructor() {
|
|
4739
|
-
this.isComponentLoaded = false;
|
|
4740
|
-
this.selectedTabIndex = 0;
|
|
4741
|
-
this._tabs = [];
|
|
4742
|
-
}
|
|
4743
4745
|
set tabs(tab) {
|
|
4744
4746
|
this._tabs = tab;
|
|
4745
4747
|
}
|
|
4746
4748
|
get tabs() {
|
|
4747
4749
|
return this._tabs;
|
|
4748
4750
|
}
|
|
4751
|
+
set isFormChanged(status) {
|
|
4752
|
+
this.isFormValuesChanged = status;
|
|
4753
|
+
}
|
|
4754
|
+
get isFormChanged() {
|
|
4755
|
+
return this.isFormValuesChanged;
|
|
4756
|
+
}
|
|
4757
|
+
// eslint-disable-next-line no-unused-vars, no-empty-function
|
|
4758
|
+
constructor(dialog) {
|
|
4759
|
+
this.dialog = dialog;
|
|
4760
|
+
this.isComponentLoaded = false;
|
|
4761
|
+
this.previousTabIndex = 0;
|
|
4762
|
+
this.isFormValuesChanged = false;
|
|
4763
|
+
this.selectedTabIndex = 0;
|
|
4764
|
+
this._tabs = [];
|
|
4765
|
+
this.selectedIndexChange = new EventEmitter();
|
|
4766
|
+
this.destroy$ = new Subject();
|
|
4767
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4768
|
+
this.formCancel = new EventEmitter();
|
|
4769
|
+
this.formSubmit = new EventEmitter();
|
|
4770
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4771
|
+
this.constants = constants$1;
|
|
4772
|
+
this.modalConfigTexts = this.constants?.modalConfig;
|
|
4773
|
+
}
|
|
4749
4774
|
/**
|
|
4750
|
-
* Verifies tabs count and calls createComponent() to load selected component
|
|
4775
|
+
* Verifies tabs count and calls createComponent() to load selected component.
|
|
4751
4776
|
* @memberof TabsComponent
|
|
4752
4777
|
*/
|
|
4753
4778
|
ngOnInit() {
|
|
@@ -4756,17 +4781,52 @@ class TabsComponent {
|
|
|
4756
4781
|
this.createComponent(this.tabs?.[this.selectedTabIndex]);
|
|
4757
4782
|
}
|
|
4758
4783
|
}
|
|
4784
|
+
/**
|
|
4785
|
+
* Opens confirmation modal on tab change event when leaving with unsaved changes.
|
|
4786
|
+
* @param {MatTabGroup} tab
|
|
4787
|
+
* @param event
|
|
4788
|
+
* @memberof TabsComponent
|
|
4789
|
+
*/
|
|
4790
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4791
|
+
onTabChange(tab, event) {
|
|
4792
|
+
if (tab?.selectedIndex !== this.previousTabIndex && this.isFormChanged) {
|
|
4793
|
+
const dialogRef = this.dialog?.open(ModalConfirmationComponent, {
|
|
4794
|
+
data: this.confirmationModalConfig,
|
|
4795
|
+
width: this.modalConfigTexts?.width,
|
|
4796
|
+
autoFocus: this.modalConfigTexts?.autoFocus,
|
|
4797
|
+
ariaLabel: this.modalConfigTexts?.ariaLabel,
|
|
4798
|
+
});
|
|
4799
|
+
dialogRef
|
|
4800
|
+
?.afterClosed()
|
|
4801
|
+
?.pipe(takeUntil(this.destroy$))
|
|
4802
|
+
?.subscribe((result) => {
|
|
4803
|
+
if (result) {
|
|
4804
|
+
this.previousTabIndex = event.index;
|
|
4805
|
+
this.loadSelectedTabContent(event);
|
|
4806
|
+
}
|
|
4807
|
+
else {
|
|
4808
|
+
tab.selectedIndex = this.previousTabIndex;
|
|
4809
|
+
}
|
|
4810
|
+
});
|
|
4811
|
+
}
|
|
4812
|
+
else if (tab?.selectedIndex !== this.previousTabIndex) {
|
|
4813
|
+
this.previousTabIndex = event.index;
|
|
4814
|
+
this.loadSelectedTabContent(event);
|
|
4815
|
+
}
|
|
4816
|
+
}
|
|
4759
4817
|
/**
|
|
4760
4818
|
* Loads the respective component on tab change event when componentRef is available.
|
|
4761
|
-
* @param {
|
|
4819
|
+
* @param {MatTabChangeEvent} event
|
|
4762
4820
|
* @memberof TabsComponent
|
|
4763
4821
|
*/
|
|
4764
|
-
|
|
4765
|
-
|
|
4766
|
-
|
|
4822
|
+
loadSelectedTabContent(event) {
|
|
4823
|
+
this.isFormChanged = false;
|
|
4824
|
+
this.selectedIndexChange.emit(event);
|
|
4825
|
+
if (this.tabs?.[event.index]?.componentRef)
|
|
4826
|
+
this.createComponent(this.tabs?.[event.index]);
|
|
4767
4827
|
}
|
|
4768
4828
|
/**
|
|
4769
|
-
* Dynamically loads the component in the DOM container based on the passed tab and clears the previously loaded component before loading the new one
|
|
4829
|
+
* Dynamically loads the component in the DOM container based on the passed tab and clears the previously loaded component before loading the new one.
|
|
4770
4830
|
* @param {Tab} tab
|
|
4771
4831
|
* @memberof TabsComponent
|
|
4772
4832
|
*/
|
|
@@ -4776,6 +4836,17 @@ class TabsComponent {
|
|
|
4776
4836
|
this.componentContainer.clear();
|
|
4777
4837
|
}
|
|
4778
4838
|
this.componentRef = this.componentContainer?.createComponent(tab.componentRef);
|
|
4839
|
+
this.componentRef?.instance?.formCancel
|
|
4840
|
+
?.pipe(takeUntil(this.destroy$))
|
|
4841
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4842
|
+
.subscribe((result) => {
|
|
4843
|
+
this.formCancel.emit(result);
|
|
4844
|
+
});
|
|
4845
|
+
this.componentRef?.instance?.formSubmit
|
|
4846
|
+
?.pipe(takeUntil(this.destroy$))
|
|
4847
|
+
.subscribe((result) => {
|
|
4848
|
+
this.formSubmit.emit(result);
|
|
4849
|
+
});
|
|
4779
4850
|
this.isComponentLoaded = true;
|
|
4780
4851
|
}
|
|
4781
4852
|
/**
|
|
@@ -4799,19 +4870,25 @@ class TabsComponent {
|
|
|
4799
4870
|
this.componentRef = null;
|
|
4800
4871
|
}
|
|
4801
4872
|
}
|
|
4802
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4803
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabsComponent, isStandalone: true, selector: "ieeesa-tabs", inputs: { selectedTabIndex: "selectedTabIndex", tabs: "tabs" }, viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["componentContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<mat-tab-group\r\n class=\"ieeesa-tab-group\"\r\n [selectedIndex]=\"selectedTabIndex\"\r\n (selectedTabChange)=\"onTabChange($event.index)\"\r\n>\r\n <mat-tab\r\n *ngFor=\"let tab of tabs; trackBy: trackByFn\"\r\n [label]=\"tab?.label ?? ''\"\r\n >\r\n </mat-tab>\r\n</mat-tab-group>\r\n<ng-container #componentContainer></ng-container>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-tab-group .mat-mdc-tab{background-color:#eaf3f9;margin-right:2px;border-bottom:1px solid #b2b7be;margin-top:10px}.ieeesa-tab-group .mdc-tab__text-label{text-align:center;font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f!important;letter-spacing:.03125em}.ieeesa-tab-group .mat-mdc-focus-indicator{border-top-left-radius:.25em;border-top-right-radius:.25em}.ieeesa-tab-group .mdc-tab--active{background-color:#fff;border-bottom:none;height:4.12em!important;margin-top:0}.ieeesa-tab-group .mdc-tab--active .mdc-tab-indicator{border-left:1px solid #00629b;border-top:3px solid #00629b;border-right:1px solid #00629b;border-top-left-radius:.25em;border-top-right-radius:.25em}.ieeesa-tab-group .mdc-tab--active .mdc-tab__text-label{text-align:center;font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#00629b!important;letter-spacing:.03125em}.ieeesa-tab-group .mat-mdc-tab .mdc-tab-indicator__content--underline{border-color:transparent!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$3.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4873
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabsComponent, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4874
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabsComponent, isStandalone: true, selector: "ieeesa-tabs", inputs: { selectedTabIndex: "selectedTabIndex", tabs: "tabs", isFormChanged: "isFormChanged", confirmationModalConfig: "confirmationModalConfig" }, outputs: { selectedIndexChange: "selectedIndexChange" }, viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["componentContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<mat-tab-group #tabGroup\r\n class=\"ieeesa-tab-group\"\r\n (selectedTabChange)=\"onTabChange(tabGroup,$event)\"\r\n>\r\n <mat-tab\r\n *ngFor=\"let tab of tabs; trackBy: trackByFn\"\r\n [label]=\"tab?.label ?? ''\"\r\n >\r\n </mat-tab>\r\n</mat-tab-group>\r\n<ng-container #componentContainer></ng-container>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-tab-group .mat-mdc-tab{background-color:#eaf3f9;margin-right:2px;border-bottom:1px solid #b2b7be;margin-top:10px}.ieeesa-tab-group .mdc-tab__text-label{text-align:center;font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f!important;letter-spacing:.03125em}.ieeesa-tab-group .mat-mdc-focus-indicator{border-top-left-radius:.25em;border-top-right-radius:.25em}.ieeesa-tab-group .mdc-tab--active{background-color:#fff;border-bottom:none;height:4.12em!important;margin-top:0}.ieeesa-tab-group .mdc-tab--active .mdc-tab-indicator{border-left:1px solid #00629b;border-top:3px solid #00629b;border-right:1px solid #00629b;border-top-left-radius:.25em;border-top-right-radius:.25em}.ieeesa-tab-group .mdc-tab--active .mdc-tab__text-label{text-align:center;font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#00629b!important;letter-spacing:.03125em}.ieeesa-tab-group .mat-mdc-tab .mdc-tab-indicator__content--underline{border-color:transparent!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i3$9.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i3$9.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4804
4875
|
}
|
|
4805
4876
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabsComponent, decorators: [{
|
|
4806
4877
|
type: Component,
|
|
4807
|
-
args: [{ selector: 'ieeesa-tabs', standalone: true, imports: [CommonModule, MatTabsModule], encapsulation: ViewEncapsulation.None, template: "<mat-tab-group\r\n class=\"ieeesa-tab-group\"\r\n
|
|
4808
|
-
}], propDecorators: { componentContainer: [{
|
|
4878
|
+
args: [{ selector: 'ieeesa-tabs', standalone: true, imports: [CommonModule, MatTabsModule], encapsulation: ViewEncapsulation.None, template: "<mat-tab-group #tabGroup\r\n class=\"ieeesa-tab-group\"\r\n (selectedTabChange)=\"onTabChange(tabGroup,$event)\"\r\n>\r\n <mat-tab\r\n *ngFor=\"let tab of tabs; trackBy: trackByFn\"\r\n [label]=\"tab?.label ?? ''\"\r\n >\r\n </mat-tab>\r\n</mat-tab-group>\r\n<ng-container #componentContainer></ng-container>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-tab-group .mat-mdc-tab{background-color:#eaf3f9;margin-right:2px;border-bottom:1px solid #b2b7be;margin-top:10px}.ieeesa-tab-group .mdc-tab__text-label{text-align:center;font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f!important;letter-spacing:.03125em}.ieeesa-tab-group .mat-mdc-focus-indicator{border-top-left-radius:.25em;border-top-right-radius:.25em}.ieeesa-tab-group .mdc-tab--active{background-color:#fff;border-bottom:none;height:4.12em!important;margin-top:0}.ieeesa-tab-group .mdc-tab--active .mdc-tab-indicator{border-left:1px solid #00629b;border-top:3px solid #00629b;border-right:1px solid #00629b;border-top-left-radius:.25em;border-top-right-radius:.25em}.ieeesa-tab-group .mdc-tab--active .mdc-tab__text-label{text-align:center;font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#00629b!important;letter-spacing:.03125em}.ieeesa-tab-group .mat-mdc-tab .mdc-tab-indicator__content--underline{border-color:transparent!important}\n"] }]
|
|
4879
|
+
}], ctorParameters: function () { return [{ type: i1$3.MatDialog }]; }, propDecorators: { componentContainer: [{
|
|
4809
4880
|
type: ViewChild,
|
|
4810
4881
|
args: ['componentContainer', { read: ViewContainerRef, static: true }]
|
|
4811
4882
|
}], selectedTabIndex: [{
|
|
4812
4883
|
type: Input
|
|
4813
4884
|
}], tabs: [{
|
|
4814
4885
|
type: Input
|
|
4886
|
+
}], isFormChanged: [{
|
|
4887
|
+
type: Input
|
|
4888
|
+
}], confirmationModalConfig: [{
|
|
4889
|
+
type: Input
|
|
4890
|
+
}], selectedIndexChange: [{
|
|
4891
|
+
type: Output
|
|
4815
4892
|
}] } });
|
|
4816
4893
|
|
|
4817
4894
|
/* eslint-disable no-unused-vars */
|