@ieeesa-npm/presentation 0.30.7 → 0.31.1

package/lib/components/accordion/accordion.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, OnDestroy } from '@angular/core';
 import { MatAccordion } from '@angular/material/expansion';
 import { AccordionInfo } from '../../models/accordion-info.model';
-import { BreakpointObserverService } from '@ieeesa-npm/utility';
+import { BreakpointObserverService } from '../../services/break-point-observer.service';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class AccordionComponent implements OnDestroy {

package/lib/components/autocomplete/autocomplete.component.d.ts

@@ -4,7 +4,7 @@ import { FormGroup } from '@angular/forms';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
 import { AutoCompleteOption } from '../../models/autocomplete-option.model';
-import { SelectOption } from '../../models/select-option.model';
+import { SelectOption } from '@ieeesa-npm/models';
 import { FormUtilityService } from '../../services/form-utility.service';
 import * as i0 from "@angular/core";
 /**

package/lib/components/card/card.component.d.ts

@@ -1,10 +1,10 @@
 import { EventEmitter, OnDestroy } from '@angular/core';
-import { BreakpointObserverService } from '@ieeesa-npm/utility';
+import { BreakpointObserverService } from '../../services/break-point-observer.service';
 import { ButtonType } from '../../models/button-type.model';
 import { CardButton } from '../../models/card-button.model';
 import { CardInfo } from '../../models/card-info.model';
 import { Subject } from 'rxjs';
-import { AlignType } from '../../models/align-type.model';
+import { AlignType } from '@ieeesa-npm/models';
 import * as i0 from "@angular/core";
 export declare class CardComponent implements OnDestroy {
     private breakPointObserverService;

package/lib/components/checkbox/checkbox.component.d.ts

@@ -4,9 +4,8 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { Subject } from 'rxjs';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
-import { CheckboxOption } from '../../models/checkbox-option.model';
+import { CheckboxOption, IconButton } from '@ieeesa-npm/models';
 import { FormUtilityService } from '../../services/form-utility.service';
-import { IconButton } from '../../models/icon-button.model';
 import * as i0 from "@angular/core";
 /**
  * Provides implementation of all types of checkboxes.

package/lib/components/chips/chips.component.d.ts

@@ -1,9 +1,9 @@
 import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { MatChipListbox } from '@angular/material/chips';
 import { Subject } from 'rxjs';
-import { BreakpointObserverService } from '@ieeesa-npm/utility';
+import { BreakpointObserverService } from '../../services/break-point-observer.service';
 import { ChipOption, ChipOrientation, ChipsType } from '../../models/chip-option.model';
-import { IconButton } from '../../models/icon-button.model';
+import { IconButton } from '@ieeesa-npm/models';
 import * as i0 from "@angular/core";
 /**
  * Chips component allow users to view information, make selections, filter content.
@@ -155,13 +155,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 iconURL: string;
                 label: string;
                 ariaLabel: string;
-                toolTip: string; /**
-                 * Allows Angular to detect the specific chip option that needs to change or be added by tracking option unique Id.
-                 * @param {number} index
-                 * @param {ChipOption} option
-                 * @return {*}  {(number | string)}
-                 * @memberof ChipComponent
-                 */
+                toolTip: string;
                 isToolTipNeeded: boolean;
             }[];
             errors: {
@@ -320,6 +314,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 };
             };
         };
+        breakPointMaxWidth: string;
     };
     chipsType: typeof ChipsType;
     orientations: typeof ChipOrientation;

package/lib/components/data-table/data-table.component.d.ts

@@ -4,11 +4,10 @@ import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import { MatSort, Sort, SortDirection } from '@angular/material/sort';
 import { SelectionModel } from '@angular/cdk/collections';
 import { Subject } from 'rxjs';
-import { BreakpointObserverService, SafeType } from '@ieeesa-npm/utility';
+import { BreakpointObserverService } from '../../services/break-point-observer.service';
+import { SafeType, IconButton, CheckboxOption } from '@ieeesa-npm/models';
 import { TableColumnSchema, TableColumnType } from '../../models/table-schema.model';
 import { PaginatorConfig } from '../../models/paginator-config.model';
-import { CheckboxOption } from '../../models/checkbox-option.model';
-import { IconButton } from '../../models/icon-button.model';
 import { TableActions } from '../../models/table-actions.model';
 import { ChipOption } from '../../models/chip-option.model';
 import { SearchType } from '../../models/search.model';

package/lib/components/dynamic-form/dynamic-form.component.d.ts

@@ -4,15 +4,13 @@ import { FormModel } from '../../models/form.model';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormGrid } from '../../models/form-grid.model';
 import { DynamicFormFieldDirective } from '../../directives/dynamic-form-field/dynamic-form-field.directive';
-import { AlignType } from '../../models/align-type.model';
-import { CheckboxOption } from '../../models/checkbox-option.model';
+import { AlignType, IconButton, CheckboxOption } from '@ieeesa-npm/models';
 import { SelectedDate } from '../../models/selected-date.model';
 import { SelectedTime } from '../../models/selected-time.model';
 import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import { SlideToggleOption } from '../../models/slide-toggle-options.model';
 import { SelectOpenedState } from '../../models/select-opened-state.model';
 import { RadioOption } from '../../models/radio-option.model';
-import { IconButton } from '../../models/icon-button.model';
 import { AutoCompleteOption } from '../../models/autocomplete-option.model';
 import { FileUploadStatus } from '../../models/file-upload-status.model';
 import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';

package/lib/components/export-format-popover/export-format-popover.component.d.ts

@@ -0,0 +1,91 @@
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
+import { Subject } from 'rxjs';
+import { ExportFormat, ExportFormatOption } from '../../models/export-format-popover.model';
+import * as i0 from "@angular/core";
+/**
+ * ExportFormatPopoverComponent renders a CDK Overlay popover anchored below
+ * a trigger element, presenting format selection cards (CSV / Excel).
+ * The popover supports keyboard navigation (Tab between options, Enter to select,
+ * Escape to close) and emits the selected format or a close event.
+ *
+ * @export
+ * @class ExportFormatPopoverComponent
+ * @implements {OnInit}
+ * @implements {OnChanges}
+ * @implements {OnDestroy}
+ */
+export declare class ExportFormatPopoverComponent implements OnInit, OnChanges, OnDestroy {
+    private overlay;
+    private overlayPositionBuilder;
+    private viewContainerRef;
+    /** Array of format options to display in the popover */
+    formatOptions: ExportFormatOption[];
+    /** The element the popover attaches to (anchor point) */
+    origin: ElementRef;
+    /** Controls overlay visibility */
+    isOpen: boolean;
+    /** Title text displayed at the top of the popover */
+    popoverTitle: string;
+    /** Subtitle map for format options (keyed by ExportFormat value) */
+    formatSubtitles: Record<string, string>;
+    /** Tracks the currently selected format for visual highlight */
+    selectedFormat: ExportFormat | null;
+    /** Emits when user selects a format */
+    formatSelected: EventEmitter<ExportFormat>;
+    /** Emits when popover closes without selection */
+    closed: EventEmitter<void>;
+    popoverTemplate: TemplateRef<unknown>;
+    private overlayRef;
+    private portal;
+    destroy$: Subject<boolean>;
+    constructor(overlay: Overlay, overlayPositionBuilder: OverlayPositionBuilder, viewContainerRef: ViewContainerRef);
+    /**
+     * Lifecycle hook — initial setup.
+     * @memberof ExportFormatPopoverComponent
+     */
+    ngOnInit(): void;
+    /**
+     * Responds to input changes — opens or closes the overlay when `isOpen` changes.
+     * @param {SimpleChanges} changes
+     * @memberof ExportFormatPopoverComponent
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Creates and opens the CDK overlay positioned below the origin element.
+     * @memberof ExportFormatPopoverComponent
+     */
+    private openOverlay;
+    /**
+     * Detaches and disposes the overlay.
+     * @memberof ExportFormatPopoverComponent
+     */
+    private closeOverlay;
+    /**
+     * Closes the popover and emits the `closed` event.
+     * @memberof ExportFormatPopoverComponent
+     */
+    private close;
+    /**
+     * Handles format option selection via click or Enter key.
+     * Emits the selected format and closes the overlay.
+     * @param {ExportFormat} format - The selected export format value
+     * @memberof ExportFormatPopoverComponent
+     */
+    onFormatSelect(format: ExportFormat): void;
+    /**
+     * TrackBy function for *ngFor on format options.
+     * @param {number} index
+     * @param {ExportFormatOption} option
+     * @return {string}
+     * @memberof ExportFormatPopoverComponent
+     */
+    trackByFormat(index: number, option: ExportFormatOption): string;
+    /**
+     * Cleans up overlay and subscriptions on component destroy.
+     * @memberof ExportFormatPopoverComponent
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExportFormatPopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExportFormatPopoverComponent, "ieeesa-export-format-popover", never, { "formatOptions": { "alias": "formatOptions"; "required": false; }; "origin": { "alias": "origin"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "popoverTitle": { "alias": "popoverTitle"; "required": false; }; "formatSubtitles": { "alias": "formatSubtitles"; "required": false; }; }, { "formatSelected": "formatSelected"; "closed": "closed"; }, never, never, true, never>;
+}

package/lib/components/export-success-dialog/export-success-dialog.component.d.ts

@@ -0,0 +1,24 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import { ExportSuccessDialogData } from '../../models/export-success-dialog.model';
+import * as i0 from "@angular/core";
+/**
+ * ExportSuccessDialogComponent displays a centered success message after
+ * a file export completes. Shows the filename in bold and a single "Close" button.
+ *
+ * Opens via `MatDialog.open(ExportSuccessDialogComponent, { data: ExportSuccessDialogData })`.
+ *
+ * @export
+ * @class ExportSuccessDialogComponent
+ */
+export declare class ExportSuccessDialogComponent {
+    data: ExportSuccessDialogData;
+    private dialogRef;
+    constructor(data: ExportSuccessDialogData, dialogRef: MatDialogRef<ExportSuccessDialogComponent>);
+    /**
+     * Handles the Close button click — closes the dialog.
+     * @memberof ExportSuccessDialogComponent
+     */
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExportSuccessDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExportSuccessDialogComponent, "ieeesa-export-success-dialog", never, {}, {}, never, never, true, never>;
+}

package/lib/components/file-download/file-download.component.d.ts

@@ -4,13 +4,13 @@ import { FileUploadService } from '../../services/file-upload.service';
 import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';
 import { DownloadAttachment } from '../../models/download-file.model';
 import { Subject } from 'rxjs';
-import { SharedService } from '@ieeesa-npm/shared';
-import { AlignType } from '../../models/align-type.model';
+import { AlertsService } from '@ieeesa-npm/utility';
+import { AlignType } from '@ieeesa-npm/models';
 import * as i0 from "@angular/core";
 export declare class FileDownloadComponent implements OnInit, OnDestroy {
     formUtilityService: FormUtilityService;
-    sharedService: SharedService;
     private fileUploadService;
+    private alertService;
     constants: {
         ariaLabel: {
             clear: string;
@@ -308,6 +308,7 @@ export declare class FileDownloadComponent implements OnInit, OnDestroy {
                 };
             };
         };
+        breakPointMaxWidth: string;
     };
     destroy$: Subject<boolean>;
     preSignedUrl: string;
@@ -327,7 +328,7 @@ export declare class FileDownloadComponent implements OnInit, OnDestroy {
         disabled: boolean;
     };
     apiBaseUrl: string;
-    constructor(formUtilityService: FormUtilityService, sharedService: SharedService, fileUploadService: FileUploadService);
+    constructor(formUtilityService: FormUtilityService, fileUploadService: FileUploadService, alertService: AlertsService);
     /**
      * Sets API base URL to file upload service
      * @memberof FileDownloadComponent

package/lib/components/file-upload/file-upload.component.d.ts

@@ -5,7 +5,7 @@ import { FieldConfig } from '../../models/field-config.model';
 import { AllowedFileTypes } from '../../models/allowed-file-types.model';
 import { FileUploadService } from '../../services/file-upload.service';
 import { AlignBrowsedFiles } from '../../models/align-browsed-files.model';
-import { AlignType } from '../../models/align-type.model';
+import { AlignType } from '@ieeesa-npm/models';
 import { FileUploadStatus } from '../../models/file-upload-status.model';
 import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';
 import { DownloadAttachment } from '../../models/download-file.model';
@@ -232,7 +232,10 @@ export declare class FileUploadComponent implements OnInit {
                 fileUpload: string;
                 allowedFileSize1: string;
                 allowedFileSize2: string;
-                allowedFileFormat: string;
+                allowedFileFormat: string; /**
+                 * Emits downloadSelectedFile event.
+                 * @memberof FileUploadComponent
+                 */
                 browseFiles: string;
                 uploadProgress: string;
                 upload: string;
@@ -282,10 +285,6 @@ export declare class FileUploadComponent implements OnInit {
                 maxFilesUploadedOnce: number;
             };
         };
-        /**
-         * Based on isMultiFileUpload flag return files to download.
-         * @memberof FileUploadComponent
-         */
         list: {
             defaultIndentation: number;
             dragAndDropIconUrl: string;
@@ -307,11 +306,7 @@ export declare class FileUploadComponent implements OnInit {
             buttons: {
                 id: number;
                 ariaLabel: string;
-                iconURL: string; /**
-                 * Sets empty value to file form control once it is clicked.
-                 * @param {Event} event
-                 * @memberof FileUploadComponent
-                 */
+                iconURL: string;
                 toolTip: string;
                 disabled: boolean;
             }[];
@@ -325,12 +320,16 @@ export declare class FileUploadComponent implements OnInit {
                 };
             };
         };
+        breakPointMaxWidth: string;
     };
     fileUploadLabel: {
         fileUpload: string;
         allowedFileSize1: string;
         allowedFileSize2: string;
-        allowedFileFormat: string;
+        allowedFileFormat: string; /**
+         * Emits downloadSelectedFile event.
+         * @memberof FileUploadComponent
+         */
         browseFiles: string;
         uploadProgress: string;
         upload: string;

package/lib/components/filter/filter.component.d.ts

@@ -1,11 +1,9 @@
 import { EventEmitter, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { BreakpointObserverService } from '@ieeesa-npm/utility';
+import { BreakpointObserverService } from '../../services/break-point-observer.service';
 import { Subject } from 'rxjs';
-import { CheckboxOption } from '../../models/checkbox-option.model';
-import { IconButton } from '../../models/icon-button.model';
+import { CheckboxOption, IconButton, SelectOption } from '@ieeesa-npm/models';
 import { ChipOption, FilterOptionType } from '../../models/chip-option.model';
 import { FiltersAndOptions } from '../../models/filters-options.model';
-import { SelectOption } from '../../models/select-option.model';
 import { SelectComponent } from '../../components/select/select.component';
 import { SelectOpenedState } from '../../models/select-opened-state.model';
 import * as i0 from "@angular/core";

package/lib/components/header/header.component.d.ts

@@ -1,10 +1,10 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { HeaderConfig } from '../../models/header-config.model';
-import { BreakpointObserverService, AuthService, StorageService } from '@ieeesa-npm/utility';
+import { BreakpointObserverService } from '../../services/break-point-observer.service';
+import { AuthService, StorageService, AlertsService } from '@ieeesa-npm/utility';
+import { IconButton } from '@ieeesa-npm/models';
 import { Subject } from 'rxjs';
 import { Menu } from '../../models/menu.model';
-import { IconButton } from '../../models/icon-button.model';
-import { SharedService } from '@ieeesa-npm/shared';
 import { FileUploadService } from '../../services/file-upload.service';
 import * as i0 from "@angular/core";
 /**
@@ -15,7 +15,7 @@ export declare class HeaderComponent implements OnInit, OnDestroy {
     private breakPointObserverService;
     private authService;
     private storageService;
-    private sharedService;
+    private alertService;
     private fileUploadService;
     private headerConfigInfo;
     screenTexts: any;
@@ -39,7 +39,7 @@ export declare class HeaderComponent implements OnInit, OnDestroy {
     toggleNavMenuClick: EventEmitter<Event>;
     profileMenuClick: EventEmitter<Menu>;
     userProfileIconButton: IconButton;
-    constructor(breakPointObserverService: BreakpointObserverService, authService: AuthService, storageService: StorageService, sharedService: SharedService, fileUploadService: FileUploadService);
+    constructor(breakPointObserverService: BreakpointObserverService, authService: AuthService, storageService: StorageService, alertService: AlertsService, fileUploadService: FileUploadService);
     /**
      * Sets the appBaseUrl and gets the logo download AWS pre-signed URL from API.
      */
@@ -50,8 +50,8 @@ export declare class HeaderComponent implements OnInit, OnDestroy {
     getImageUrl(): void;
     /**
      * Desktop event to navigate to logout page.
+     * Deletes the application specific and SSO related cookies.
      * @memberof HeaderComponent
-     * It will deletes the application specific and SSO related cookies
      */
     logout(): void;
     /**

package/lib/components/icon-button/icon-button.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { IconButton } from '../../models/icon-button.model';
+import { IconButton } from '@ieeesa-npm/models';
 import * as i0 from "@angular/core";
 /**
  * Creates svg icon as button component.

package/lib/components/list/list.component.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { ListHeader, ListItem } from '../../models/list-item.model';
 import { Menu } from '../../models/menu.model';
-import { IconButton } from '../../models/icon-button.model';
+import { IconButton } from '@ieeesa-npm/models';
 import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';
 import { DownloadAttachment } from '../../models/download-file.model';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';

package/lib/components/menu/menu.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, EventEmitter } from '@angular/core';
 import { Menu } from '../../models/menu.model';
-import { IconButton } from '../../models/icon-button.model';
+import { IconButton } from '@ieeesa-npm/models';
 import * as i0 from "@angular/core";
 /**
  * Creates menu and the menu items are icon based buttons

package/lib/components/modal/modal.component.d.ts

@@ -1,6 +1,6 @@
 import { ComponentRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
-import { ModalType } from '@ieeesa-npm/utility';
+import { ModalType } from '@ieeesa-npm/models';
 import { ToggleButton } from '../../models/toggle-button.model';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";

package/lib/components/modal-confirmation/modal-confirmation.component.d.ts

@@ -1,6 +1,5 @@
 import { MatDialogRef } from "@angular/material/dialog";
-import { AlignType } from "../../models/align-type.model";
-import { ConfirmationModalData } from "../../models/confirmation-modal-data.model";
+import { AlignType, ConfirmationModalData } from '@ieeesa-npm/models';
 import * as i0 from "@angular/core";
 /**
  * ModalConfirmationComponent is used to get user confirmation and this component should be invoked by using Angular material MatDialog open method.

package/lib/components/modal-info/modal-info.component.d.ts

@@ -0,0 +1,23 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import { InfoModalData } from '@ieeesa-npm/models';
+import * as i0 from "@angular/core";
+/**
+ * ModalInfoComponent is a simple informational dialog that displays a centered message
+ * with a single dismissal button.
+ *
+ * @usageNotes - Pass ModalInfoComponent and data options as parameters to MatDialog open method:
+ * this.dialog.open(ModalInfoComponent, { data: { message: '...', buttonLabel: 'OK' } })
+ * @class ModalInfoComponent
+ */
+export declare class ModalInfoComponent {
+    data: InfoModalData;
+    private dialogRef;
+    constructor(data: InfoModalData, dialogRef: MatDialogRef<ModalInfoComponent>);
+    /**
+     * Closes the info dialog.
+     * @memberof ModalInfoComponent
+     */
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalInfoComponent, "ieeesa-modal-info", never, {}, {}, never, never, true, never>;
+}

package/lib/components/multi-select-autocomplete/multi-select-autocomplete.component.d.ts

@@ -5,7 +5,7 @@ import { Subject } from 'rxjs';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { FormUtilityService } from '../../services/form-utility.service';
 import { AutoCompleteOption } from '../../models/autocomplete-option.model';
-import { SelectOption } from '../../models/select-option.model';
+import { SelectOption } from '@ieeesa-npm/models';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
 import * as i0 from "@angular/core";

package/lib/components/policy-confirmation-dialog/policy-confirmation-dialog.component.d.ts

@@ -0,0 +1,36 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import { PolicyConfirmationDialogData } from '../../models/policy-confirmation-dialog.model';
+import * as i0 from "@angular/core";
+/**
+ * PolicyConfirmationDialogComponent is a reusable confirmation dialog that displays
+ * a configurable title, body text, and Cancel/Confirm action buttons.
+ * Used for the IEEE Data Access and Use Policy confirmation in the attendance export flow.
+ *
+ * Opens via `MatDialog.open(PolicyConfirmationDialogComponent, { data: PolicyConfirmationDialogData })`.
+ * Returns `true` on confirm, `false` on cancel or close.
+ *
+ * @export
+ * @class PolicyConfirmationDialogComponent
+ */
+export declare class PolicyConfirmationDialogComponent {
+    data: PolicyConfirmationDialogData;
+    private dialogRef;
+    constructor(data: PolicyConfirmationDialogData, dialogRef: MatDialogRef<PolicyConfirmationDialogComponent>);
+    /**
+     * Handles the Confirm button click — closes the dialog returning `true`.
+     * @memberof PolicyConfirmationDialogComponent
+     */
+    onConfirm(): void;
+    /**
+     * Handles the Cancel button click — closes the dialog returning `false`.
+     * @memberof PolicyConfirmationDialogComponent
+     */
+    onCancel(): void;
+    /**
+     * Handles the X (close) button click — closes the dialog returning `false`.
+     * @memberof PolicyConfirmationDialogComponent
+     */
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PolicyConfirmationDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PolicyConfirmationDialogComponent, "ieeesa-policy-confirmation-dialog", never, {}, {}, never, never, true, never>;
+}

package/lib/components/select/select.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit, AfterViewInit, QueryList } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { SelectOption } from '../../models/select-option.model';
+import { SelectOption } from '@ieeesa-npm/models';
 import { FieldConfig } from '../../models/field-config.model';
 import { SearchType } from '../../models/search.model';
 import { SearchComponent } from '../../components/search/search.component';

package/lib/components/tabs/tabs.component.d.ts

@@ -2,10 +2,9 @@ import { ComponentRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from
 import { MatTabChangeEvent, MatTabGroup } from '@angular/material/tabs';
 import { Tab } from '../../models/tab.model';
 import { MatDialog } from '@angular/material/dialog';
-import { ConfirmationModalData } from '../../models/confirmation-modal-data.model';
 import { Subject } from 'rxjs';
 import { FormGroup } from '@angular/forms';
-import { EventsAndMeetingRouteConfig, UserPermission } from '@ieeesa-npm/shared';
+import { EventsAndMeetingRouteConfig, UserPermission, ConfirmationModalData } from '@ieeesa-npm/models';
 import { CustomProperties } from '../../models/custom-properties.model';
 import * as i0 from "@angular/core";
 export declare class TabsComponent implements OnInit, OnDestroy {

package/lib/components/tile/tile.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { Button, Tile } from '../../models/tile.model';
-import { AlignType } from '../../models/align-type.model';
+import { AlignType } from '@ieeesa-npm/models';
 import * as i0 from "@angular/core";
 /**
  * Creates tile component.

package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts

@@ -3,14 +3,14 @@ import { FormGroup } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
-import { CheckboxOption } from '../../models/checkbox-option.model';
+import { CheckboxOption } from '@ieeesa-npm/models';
 import { SelectedDate } from '../../models/selected-date.model';
 import { SelectedTime } from '../../models/selected-time.model';
 import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import { SlideToggleOption } from '../../models/slide-toggle-options.model';
 import { SelectOpenedState } from '../../models/select-opened-state.model';
 import { RadioOption } from '../../models/radio-option.model';
-import { IconButton } from '../../models/icon-button.model';
+import { IconButton } from '@ieeesa-npm/models';
 import { AutoCompleteOption } from '../../models/autocomplete-option.model';
 import { FileUploadStatus } from '../../models/file-upload-status.model';
 import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';

package/lib/directives/set-background/set-background.directive.d.ts

@@ -1,6 +1,6 @@
 import { OnInit } from '@angular/core';
 import { SafeStyle } from '@angular/platform-browser';
-import { SafePipe } from '@ieeesa-npm/utility';
+import { SafePipe } from '../../pipes/safe.pipe';
 import * as i0 from "@angular/core";
 /**
  * Sets background color and image for the attached element.

package/lib/models/card-button.model.d.ts

@@ -1,5 +1,5 @@
 import { ButtonType } from './button-type.model';
-import { IconButton } from './icon-button.model';
+import { IconButton } from '@ieeesa-npm/models';
 export interface CardButton extends IconButton {
     isVisible?: boolean;
     buttonType: ButtonType;

package/lib/models/export-format-popover.model.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Available export file formats for attendance data
+ */
+export declare enum ExportFormat {
+    CSV = "csv",
+    EXCEL = "xls"
+}
+/**
+ * Configuration option for a format selection card in the export format popover
+ */
+export interface ExportFormatOption {
+    label: string;
+    value: ExportFormat;
+    ariaLabel: string;
+}

package/lib/models/export-success-dialog.model.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Data passed to the ExportSuccessDialogComponent via MAT_DIALOG_DATA
+ */
+export interface ExportSuccessDialogData {
+    message: string;
+    filename: string;
+    closeLabel: string;
+}

package/lib/models/field-config.model.d.ts

@@ -1,9 +1,8 @@
 import { ValidatorFn } from '@angular/forms';
-import { CheckboxOption } from '../models/checkbox-option.model';
 import { DatePicker } from '../models/date-picker.model';
 import { RadioOption } from '../models/radio-option.model';
 import { SearchType } from '../models/search.model';
-import { SelectOption } from '../models/select-option.model';
+import { SelectOption, AlignType, CheckboxOption } from '@ieeesa-npm/models';
 import { AutoCompleteOption } from '../models/autocomplete-option.model';
 import { LinkType } from './link-type.model';
 import { SlideToggleOption } from './slide-toggle-options.model';
@@ -11,7 +10,6 @@ import { ColorFormat, ColorsAnimation } from './color-format.model';
 import { AllowedFileTypes } from './allowed-file-types.model';
 import { EditorConfig } from 'ngx-simple-text-editor';
 import { AlignBrowsedFiles } from './align-browsed-files.model';
-import { AlignType } from './align-type.model';
 export interface FieldConfig {
     isSortNeeded?: boolean;
     disabled?: boolean;

package/lib/models/filters-options.model.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxOption } from './checkbox-option.model';
+import { CheckboxOption } from '@ieeesa-npm/models';
 export interface FiltersAndOptions {
     [key: string | number]: CheckboxOption[];
 }

package/lib/models/list-item.model.d.ts

@@ -1,4 +1,4 @@
-import { IconButton } from '../models/icon-button.model';
+import { IconButton } from '@ieeesa-npm/models';
 import { DownloadAttachment } from './download-file.model';
 import { Menu } from './menu.model';
 export interface ListItem {