@ieeesa-npm/presentation 0.31.1 → 0.31.2
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/components/export-format-popover/export-format-popover.component.mjs +20 -151
- package/fesm2022/ieeesa-npm-presentation.mjs +17 -147
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/export-format-popover/export-format-popover.component.d.ts +15 -61
- package/package.json +1 -1
|
@@ -85,8 +85,6 @@ import * as i3$8 from '@angular/material/card';
|
|
|
85
85
|
import { MatCardModule } from '@angular/material/card';
|
|
86
86
|
import * as i3$9 from '@angular/material/tabs';
|
|
87
87
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
88
|
-
import { TemplatePortal } from '@angular/cdk/portal';
|
|
89
|
-
import * as i1$7 from '@angular/cdk/overlay';
|
|
90
88
|
|
|
91
89
|
/**
|
|
92
90
|
* Implements and displays form error messages and form submission error response message on submission of form.
|
|
@@ -8498,31 +8496,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
8498
8496
|
}] } });
|
|
8499
8497
|
|
|
8500
8498
|
/**
|
|
8501
|
-
* ExportFormatPopoverComponent renders a
|
|
8502
|
-
*
|
|
8503
|
-
* The popover supports keyboard navigation (Tab between options, Enter to select,
|
|
8504
|
-
* Escape to close) and emits the selected format or a close event.
|
|
8499
|
+
* ExportFormatPopoverComponent renders a popover presenting format selection
|
|
8500
|
+
* cards (CSV / Excel). Positioned via CSS absolute below the trigger element.
|
|
8505
8501
|
*
|
|
8506
8502
|
* @export
|
|
8507
8503
|
* @class ExportFormatPopoverComponent
|
|
8508
|
-
* @implements {OnInit}
|
|
8509
|
-
* @implements {OnChanges}
|
|
8510
|
-
* @implements {OnDestroy}
|
|
8511
8504
|
*/
|
|
8512
8505
|
class ExportFormatPopoverComponent {
|
|
8513
|
-
constructor(
|
|
8514
|
-
// eslint-disable-next-line no-unused-vars
|
|
8515
|
-
overlay,
|
|
8516
|
-
// eslint-disable-next-line no-unused-vars
|
|
8517
|
-
overlayPositionBuilder,
|
|
8518
|
-
// eslint-disable-next-line no-unused-vars
|
|
8519
|
-
viewContainerRef) {
|
|
8520
|
-
this.overlay = overlay;
|
|
8521
|
-
this.overlayPositionBuilder = overlayPositionBuilder;
|
|
8522
|
-
this.viewContainerRef = viewContainerRef;
|
|
8506
|
+
constructor() {
|
|
8523
8507
|
/** Array of format options to display in the popover */
|
|
8524
8508
|
this.formatOptions = [];
|
|
8525
|
-
/** Controls
|
|
8509
|
+
/** Controls visibility */
|
|
8526
8510
|
this.isOpen = false;
|
|
8527
8511
|
/** Title text displayed at the top of the popover */
|
|
8528
8512
|
this.popoverTitle = 'Select the file format for attendance export.';
|
|
@@ -8535,149 +8519,38 @@ class ExportFormatPopoverComponent {
|
|
|
8535
8519
|
this.selectedFormat = null;
|
|
8536
8520
|
/** Emits when user selects a format */
|
|
8537
8521
|
this.formatSelected = new EventEmitter();
|
|
8538
|
-
/** Emits when popover
|
|
8522
|
+
/** Emits when the popover should be closed (backdrop click or after selection). */
|
|
8539
8523
|
this.closed = new EventEmitter();
|
|
8540
|
-
this.overlayRef = null;
|
|
8541
|
-
this.portal = null;
|
|
8542
|
-
this.destroy$ = new Subject();
|
|
8543
|
-
}
|
|
8544
|
-
/**
|
|
8545
|
-
* Lifecycle hook — initial setup.
|
|
8546
|
-
* @memberof ExportFormatPopoverComponent
|
|
8547
|
-
*/
|
|
8548
|
-
ngOnInit() {
|
|
8549
|
-
// Overlay is created lazily on first open
|
|
8550
|
-
}
|
|
8551
|
-
/**
|
|
8552
|
-
* Responds to input changes — opens or closes the overlay when `isOpen` changes.
|
|
8553
|
-
* @param {SimpleChanges} changes
|
|
8554
|
-
* @memberof ExportFormatPopoverComponent
|
|
8555
|
-
*/
|
|
8556
|
-
ngOnChanges(changes) {
|
|
8557
|
-
if (changes['isOpen']) {
|
|
8558
|
-
if (this.isOpen) {
|
|
8559
|
-
this.openOverlay();
|
|
8560
|
-
}
|
|
8561
|
-
else {
|
|
8562
|
-
this.closeOverlay();
|
|
8563
|
-
}
|
|
8564
|
-
}
|
|
8565
|
-
}
|
|
8566
|
-
/**
|
|
8567
|
-
* Creates and opens the CDK overlay positioned below the origin element.
|
|
8568
|
-
* @memberof ExportFormatPopoverComponent
|
|
8569
|
-
*/
|
|
8570
|
-
openOverlay() {
|
|
8571
|
-
if (this.overlayRef?.hasAttached()) {
|
|
8572
|
-
return;
|
|
8573
|
-
}
|
|
8574
|
-
if (this.overlayRef) {
|
|
8575
|
-
this.overlayRef.dispose();
|
|
8576
|
-
this.overlayRef = null;
|
|
8577
|
-
}
|
|
8578
|
-
// Reset selection state on each open
|
|
8579
|
-
this.selectedFormat = null;
|
|
8580
|
-
const positionStrategy = this.overlayPositionBuilder
|
|
8581
|
-
.flexibleConnectedTo(this.origin)
|
|
8582
|
-
.withPositions([
|
|
8583
|
-
{
|
|
8584
|
-
originX: 'start',
|
|
8585
|
-
originY: 'bottom',
|
|
8586
|
-
overlayX: 'start',
|
|
8587
|
-
overlayY: 'top',
|
|
8588
|
-
offsetY: 4,
|
|
8589
|
-
},
|
|
8590
|
-
{
|
|
8591
|
-
originX: 'end',
|
|
8592
|
-
originY: 'bottom',
|
|
8593
|
-
overlayX: 'end',
|
|
8594
|
-
overlayY: 'top',
|
|
8595
|
-
offsetY: 4,
|
|
8596
|
-
},
|
|
8597
|
-
]);
|
|
8598
|
-
this.overlayRef = this.overlay.create({
|
|
8599
|
-
positionStrategy,
|
|
8600
|
-
hasBackdrop: true,
|
|
8601
|
-
backdropClass: 'cdk-overlay-transparent-backdrop',
|
|
8602
|
-
scrollStrategy: this.overlay.scrollStrategies.reposition(),
|
|
8603
|
-
});
|
|
8604
|
-
// Listen for backdrop click to close
|
|
8605
|
-
this.overlayRef
|
|
8606
|
-
.backdropClick()
|
|
8607
|
-
.pipe(takeUntil(this.destroy$))
|
|
8608
|
-
.subscribe(() => {
|
|
8609
|
-
this.close();
|
|
8610
|
-
});
|
|
8611
|
-
// Listen for Escape key to close
|
|
8612
|
-
this.overlayRef
|
|
8613
|
-
.keydownEvents()
|
|
8614
|
-
.pipe(takeUntil(this.destroy$))
|
|
8615
|
-
.subscribe((event) => {
|
|
8616
|
-
if (event.key === 'Escape') {
|
|
8617
|
-
this.close();
|
|
8618
|
-
}
|
|
8619
|
-
});
|
|
8620
|
-
this.portal = new TemplatePortal(this.popoverTemplate, this.viewContainerRef);
|
|
8621
|
-
this.overlayRef.attach(this.portal);
|
|
8622
|
-
}
|
|
8623
|
-
/**
|
|
8624
|
-
* Detaches and disposes the overlay.
|
|
8625
|
-
* @memberof ExportFormatPopoverComponent
|
|
8626
|
-
*/
|
|
8627
|
-
closeOverlay() {
|
|
8628
|
-
if (this.overlayRef?.hasAttached()) {
|
|
8629
|
-
this.overlayRef.detach();
|
|
8630
|
-
}
|
|
8631
|
-
}
|
|
8632
|
-
/**
|
|
8633
|
-
* Closes the popover and emits the `closed` event.
|
|
8634
|
-
* @memberof ExportFormatPopoverComponent
|
|
8635
|
-
*/
|
|
8636
|
-
close() {
|
|
8637
|
-
this.closeOverlay();
|
|
8638
|
-
this.closed.emit();
|
|
8639
8524
|
}
|
|
8640
8525
|
/**
|
|
8641
8526
|
* Handles format option selection via click or Enter key.
|
|
8642
|
-
*
|
|
8643
|
-
* @param {ExportFormat} format - The selected export format value
|
|
8644
|
-
* @memberof ExportFormatPopoverComponent
|
|
8527
|
+
* @param {ExportFormat} format
|
|
8645
8528
|
*/
|
|
8646
8529
|
onFormatSelect(format) {
|
|
8647
8530
|
this.selectedFormat = format;
|
|
8648
8531
|
this.formatSelected.emit(format);
|
|
8649
|
-
this.
|
|
8532
|
+
this.closed.emit();
|
|
8533
|
+
}
|
|
8534
|
+
/**
|
|
8535
|
+
* Closes the popover via backdrop click.
|
|
8536
|
+
*/
|
|
8537
|
+
onBackdropClick() {
|
|
8538
|
+
this.closed.emit();
|
|
8650
8539
|
}
|
|
8651
8540
|
/**
|
|
8652
8541
|
* TrackBy function for *ngFor on format options.
|
|
8653
|
-
* @param {number} index
|
|
8654
|
-
* @param {ExportFormatOption} option
|
|
8655
|
-
* @return {string}
|
|
8656
|
-
* @memberof ExportFormatPopoverComponent
|
|
8657
8542
|
*/
|
|
8658
8543
|
// eslint-disable-next-line no-unused-vars
|
|
8659
8544
|
trackByFormat(index, option) {
|
|
8660
8545
|
return option.value;
|
|
8661
8546
|
}
|
|
8662
|
-
|
|
8663
|
-
* Cleans up overlay and subscriptions on component destroy.
|
|
8664
|
-
* @memberof ExportFormatPopoverComponent
|
|
8665
|
-
*/
|
|
8666
|
-
ngOnDestroy() {
|
|
8667
|
-
this.destroy$.next(true);
|
|
8668
|
-
this.destroy$.unsubscribe();
|
|
8669
|
-
if (this.overlayRef) {
|
|
8670
|
-
this.overlayRef.dispose();
|
|
8671
|
-
this.overlayRef = null;
|
|
8672
|
-
}
|
|
8673
|
-
}
|
|
8674
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExportFormatPopoverComponent, deps: [{ token: i1$7.Overlay }, { token: i1$7.OverlayPositionBuilder }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8675
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExportFormatPopoverComponent, isStandalone: true, selector: "ieeesa-export-format-popover", inputs: { formatOptions: "formatOptions", origin: "origin", isOpen: "isOpen", popoverTitle: "popoverTitle", formatSubtitles: "formatSubtitles" }, outputs: { formatSelected: "formatSelected", closed: "closed" }, viewQueries: [{ propertyName: "popoverTemplate", first: true, predicate: ["popoverTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #popoverTemplate>\r\n <div class=\"ieeesa-export-format-popover\" role=\"listbox\">\r\n <p class=\"ieeesa-export-format-popover__title\">{{ popoverTitle }}</p>\r\n <div class=\"ieeesa-export-format-popover__options\">\r\n <button\r\n *ngFor=\"let option of formatOptions; trackBy: trackByFormat\"\r\n class=\"ieeesa-export-format-popover__option\"\r\n [class.ieeesa-export-format-popover__option--selected]=\"selectedFormat === option.value\"\r\n role=\"option\"\r\n [attr.aria-selected]=\"selectedFormat === option.value\"\r\n [attr.aria-label]=\"option.ariaLabel\"\r\n (click)=\"onFormatSelect(option.value)\"\r\n (keydown.enter)=\"onFormatSelect(option.value)\"\r\n >\r\n <span class=\"ieeesa-export-format-popover__option-label\">{{ option.label }}</span>\r\n <span class=\"ieeesa-export-format-popover__option-subtitle\">\r\n {{ formatSubtitles[option.value] }}\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n</ng-template>\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-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;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:focus{background:#1f75a7}.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:focus{background:#f0f5f9}.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:focus{background-color:#f0f5f9}.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-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-export-format-popover{background:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:20px;min-width:397px;display:flex;flex-direction:column;flex-shrink:0}.ieeesa-export-format-popover__title{font-family:Calibri,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:34.865px;color:#2c2c2c;margin:0 0 12px}.ieeesa-export-format-popover__options{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.ieeesa-export-format-popover__option{display:flex;min-width:152px;padding:12px 20px 12px 12px;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;border-radius:4px;border:1.453px solid #d1d5db;background:#fff;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.ieeesa-export-format-popover__option:hover{border-color:#00629b;background:#def3ff}.ieeesa-export-format-popover__option:focus{outline:none;border-color:#00629b;background:#def3ff}.ieeesa-export-format-popover__option--selected{border:1.453px solid #00629b;background:#def3ff}.ieeesa-export-format-popover__option-label{font-family:Calibri,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:34.865px;color:#2c2c2c}.ieeesa-export-format-popover__option-subtitle{font-family:Calibri,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:34.865px;color:#63666a;white-space:nowrap}.ieeesa-export-format-popover__option--selected .ieeesa-export-format-popover__option-label,.ieeesa-export-format-popover__option--selected .ieeesa-export-format-popover__option-subtitle,.ieeesa-export-format-popover__option:hover .ieeesa-export-format-popover__option-label,.ieeesa-export-format-popover__option:hover .ieeesa-export-format-popover__option-subtitle{color:#00629b}.ieeesa-export-format-popover__option:focus .ieeesa-export-format-popover__option-label{color:#00629b}.ieeesa-export-format-popover__option:focus .ieeesa-export-format-popover__option-subtitle{color:#00629b}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8547
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExportFormatPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8548
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExportFormatPopoverComponent, isStandalone: true, selector: "ieeesa-export-format-popover", inputs: { formatOptions: "formatOptions", origin: "origin", isOpen: "isOpen", popoverTitle: "popoverTitle", formatSubtitles: "formatSubtitles" }, outputs: { formatSelected: "formatSelected", closed: "closed" }, ngImport: i0, template: "<!-- Backdrop -->\r\n<div\r\n *ngIf=\"isOpen\"\r\n class=\"ieeesa-export-format-popover__backdrop\"\r\n aria-hidden=\"true\"\r\n role=\"presentation\"\r\n (click)=\"onBackdropClick()\"\r\n (document:keydown.escape)=\"onBackdropClick()\"\r\n></div>\r\n\r\n<!-- Popover -->\r\n<div *ngIf=\"isOpen\" class=\"ieeesa-export-format-popover\" role=\"listbox\">\r\n <p class=\"ieeesa-export-format-popover__title\">{{ popoverTitle }}</p>\r\n <div class=\"ieeesa-export-format-popover__options\">\r\n <button\r\n *ngFor=\"let option of formatOptions; trackBy: trackByFormat\"\r\n class=\"ieeesa-export-format-popover__option\"\r\n [class.ieeesa-export-format-popover__option--selected]=\"selectedFormat === option.value\"\r\n role=\"option\"\r\n [attr.aria-selected]=\"selectedFormat === option.value\"\r\n [attr.aria-label]=\"option.ariaLabel\"\r\n (click)=\"onFormatSelect(option.value)\"\r\n (keydown.enter)=\"onFormatSelect(option.value)\"\r\n >\r\n <span class=\"ieeesa-export-format-popover__option-label\">{{ option.label }}</span>\r\n <span class=\"ieeesa-export-format-popover__option-subtitle\">\r\n {{ formatSubtitles[option.value] }}\r\n </span>\r\n </button>\r\n </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-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;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:focus{background:#1f75a7}.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:focus{background:#f0f5f9}.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:focus{background-color:#f0f5f9}.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-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-export-format-popover__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999}.ieeesa-export-format-popover{position:absolute;top:100%;right:0;margin-top:4px;z-index:1000;background:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:20px;min-width:397px;display:flex;flex-direction:column;flex-shrink:0}.ieeesa-export-format-popover__title{font-family:Calibri,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:34.865px;color:#2c2c2c;margin:0 0 12px}.ieeesa-export-format-popover__options{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.ieeesa-export-format-popover__option{display:flex;min-width:152px;padding:12px 20px 12px 12px;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;border-radius:4px;border:1.453px solid #d1d5db;background:#fff;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.ieeesa-export-format-popover__option:hover{border-color:#00629b;background:#def3ff}.ieeesa-export-format-popover__option:focus{outline:none;border-color:#00629b;background:#def3ff}.ieeesa-export-format-popover__option--selected{border:1.453px solid #00629b;background:#def3ff}.ieeesa-export-format-popover__option-label{font-family:Calibri,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:34.865px;color:#2c2c2c}.ieeesa-export-format-popover__option-subtitle{font-family:Calibri,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:34.865px;color:#63666a;white-space:nowrap}.ieeesa-export-format-popover__option--selected .ieeesa-export-format-popover__option-label,.ieeesa-export-format-popover__option--selected .ieeesa-export-format-popover__option-subtitle,.ieeesa-export-format-popover__option:hover .ieeesa-export-format-popover__option-label,.ieeesa-export-format-popover__option:hover .ieeesa-export-format-popover__option-subtitle{color:#00629b}.ieeesa-export-format-popover__option:focus .ieeesa-export-format-popover__option-label{color:#00629b}.ieeesa-export-format-popover__option:focus .ieeesa-export-format-popover__option-subtitle{color:#00629b}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8676
8549
|
}
|
|
8677
8550
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExportFormatPopoverComponent, decorators: [{
|
|
8678
8551
|
type: Component,
|
|
8679
|
-
args: [{ selector: 'ieeesa-export-format-popover', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<ng-template #popoverTemplate>\r\n <div class=\"ieeesa-export-format-popover\" role=\"listbox\">\r\n <p class=\"ieeesa-export-format-popover__title\">{{ popoverTitle }}</p>\r\n <div class=\"ieeesa-export-format-popover__options\">\r\n <button\r\n *ngFor=\"let option of formatOptions; trackBy: trackByFormat\"\r\n class=\"ieeesa-export-format-popover__option\"\r\n [class.ieeesa-export-format-popover__option--selected]=\"selectedFormat === option.value\"\r\n role=\"option\"\r\n [attr.aria-selected]=\"selectedFormat === option.value\"\r\n [attr.aria-label]=\"option.ariaLabel\"\r\n (click)=\"onFormatSelect(option.value)\"\r\n (keydown.enter)=\"onFormatSelect(option.value)\"\r\n >\r\n <span class=\"ieeesa-export-format-popover__option-label\">{{ option.label }}</span>\r\n <span class=\"ieeesa-export-format-popover__option-subtitle\">\r\n {{ formatSubtitles[option.value] }}\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n</ng-template>\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-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;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:focus{background:#1f75a7}.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:focus{background:#f0f5f9}.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:focus{background-color:#f0f5f9}.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-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-export-format-popover{background:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:20px;min-width:397px;display:flex;flex-direction:column;flex-shrink:0}.ieeesa-export-format-popover__title{font-family:Calibri,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:34.865px;color:#2c2c2c;margin:0 0 12px}.ieeesa-export-format-popover__options{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.ieeesa-export-format-popover__option{display:flex;min-width:152px;padding:12px 20px 12px 12px;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;border-radius:4px;border:1.453px solid #d1d5db;background:#fff;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.ieeesa-export-format-popover__option:hover{border-color:#00629b;background:#def3ff}.ieeesa-export-format-popover__option:focus{outline:none;border-color:#00629b;background:#def3ff}.ieeesa-export-format-popover__option--selected{border:1.453px solid #00629b;background:#def3ff}.ieeesa-export-format-popover__option-label{font-family:Calibri,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:34.865px;color:#2c2c2c}.ieeesa-export-format-popover__option-subtitle{font-family:Calibri,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:34.865px;color:#63666a;white-space:nowrap}.ieeesa-export-format-popover__option--selected .ieeesa-export-format-popover__option-label,.ieeesa-export-format-popover__option--selected .ieeesa-export-format-popover__option-subtitle,.ieeesa-export-format-popover__option:hover .ieeesa-export-format-popover__option-label,.ieeesa-export-format-popover__option:hover .ieeesa-export-format-popover__option-subtitle{color:#00629b}.ieeesa-export-format-popover__option:focus .ieeesa-export-format-popover__option-label{color:#00629b}.ieeesa-export-format-popover__option:focus .ieeesa-export-format-popover__option-subtitle{color:#00629b}\n"] }]
|
|
8680
|
-
}],
|
|
8552
|
+
args: [{ selector: 'ieeesa-export-format-popover', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<!-- Backdrop -->\r\n<div\r\n *ngIf=\"isOpen\"\r\n class=\"ieeesa-export-format-popover__backdrop\"\r\n aria-hidden=\"true\"\r\n role=\"presentation\"\r\n (click)=\"onBackdropClick()\"\r\n (document:keydown.escape)=\"onBackdropClick()\"\r\n></div>\r\n\r\n<!-- Popover -->\r\n<div *ngIf=\"isOpen\" class=\"ieeesa-export-format-popover\" role=\"listbox\">\r\n <p class=\"ieeesa-export-format-popover__title\">{{ popoverTitle }}</p>\r\n <div class=\"ieeesa-export-format-popover__options\">\r\n <button\r\n *ngFor=\"let option of formatOptions; trackBy: trackByFormat\"\r\n class=\"ieeesa-export-format-popover__option\"\r\n [class.ieeesa-export-format-popover__option--selected]=\"selectedFormat === option.value\"\r\n role=\"option\"\r\n [attr.aria-selected]=\"selectedFormat === option.value\"\r\n [attr.aria-label]=\"option.ariaLabel\"\r\n (click)=\"onFormatSelect(option.value)\"\r\n (keydown.enter)=\"onFormatSelect(option.value)\"\r\n >\r\n <span class=\"ieeesa-export-format-popover__option-label\">{{ option.label }}</span>\r\n <span class=\"ieeesa-export-format-popover__option-subtitle\">\r\n {{ formatSubtitles[option.value] }}\r\n </span>\r\n </button>\r\n </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-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;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:focus{background:#1f75a7}.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:focus{background:#f0f5f9}.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:focus{background-color:#f0f5f9}.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-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-export-format-popover__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999}.ieeesa-export-format-popover{position:absolute;top:100%;right:0;margin-top:4px;z-index:1000;background:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:20px;min-width:397px;display:flex;flex-direction:column;flex-shrink:0}.ieeesa-export-format-popover__title{font-family:Calibri,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:34.865px;color:#2c2c2c;margin:0 0 12px}.ieeesa-export-format-popover__options{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.ieeesa-export-format-popover__option{display:flex;min-width:152px;padding:12px 20px 12px 12px;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;border-radius:4px;border:1.453px solid #d1d5db;background:#fff;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.ieeesa-export-format-popover__option:hover{border-color:#00629b;background:#def3ff}.ieeesa-export-format-popover__option:focus{outline:none;border-color:#00629b;background:#def3ff}.ieeesa-export-format-popover__option--selected{border:1.453px solid #00629b;background:#def3ff}.ieeesa-export-format-popover__option-label{font-family:Calibri,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:34.865px;color:#2c2c2c}.ieeesa-export-format-popover__option-subtitle{font-family:Calibri,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:34.865px;color:#63666a;white-space:nowrap}.ieeesa-export-format-popover__option--selected .ieeesa-export-format-popover__option-label,.ieeesa-export-format-popover__option--selected .ieeesa-export-format-popover__option-subtitle,.ieeesa-export-format-popover__option:hover .ieeesa-export-format-popover__option-label,.ieeesa-export-format-popover__option:hover .ieeesa-export-format-popover__option-subtitle{color:#00629b}.ieeesa-export-format-popover__option:focus .ieeesa-export-format-popover__option-label{color:#00629b}.ieeesa-export-format-popover__option:focus .ieeesa-export-format-popover__option-subtitle{color:#00629b}\n"] }]
|
|
8553
|
+
}], propDecorators: { formatOptions: [{
|
|
8681
8554
|
type: Input
|
|
8682
8555
|
}], origin: [{
|
|
8683
8556
|
type: Input
|
|
@@ -8691,9 +8564,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
8691
8564
|
type: Output
|
|
8692
8565
|
}], closed: [{
|
|
8693
8566
|
type: Output
|
|
8694
|
-
}], popoverTemplate: [{
|
|
8695
|
-
type: ViewChild,
|
|
8696
|
-
args: ['popoverTemplate']
|
|
8697
8567
|
}] } });
|
|
8698
8568
|
|
|
8699
8569
|
/**
|