@ieeesa-npm/presentation 0.31.2 → 0.31.4

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

@@ -0,0 +1,84 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { FilterPopoverCategory, FilterPopoverOption, FilterPopoverSelection } from '../../models/filter-popover.model';
+import * as i0 from "@angular/core";
+/**
+ * FilterPopoverComponent renders a configurable multi-category filter popup.
+ * Positioned via CSS absolute — parent must wrap trigger + this component
+ * in a `position: relative` container.
+ *
+ * Supports single or multi-category mode:
+ * - Single category: left nav is hidden, only checkbox list shown.
+ * - Multi-category: left nav with category selection + right panel.
+ *
+ * @export
+ * @class FilterPopoverComponent
+ * @implements {OnChanges}
+ */
+export declare class FilterPopoverComponent implements OnChanges {
+    /** Controls visibility */
+    isOpen: boolean;
+    /** Filter categories with their options — parent defines what to show */
+    categories: FilterPopoverCategory[];
+    /** Header title text */
+    title: string;
+    /** Clear all button text */
+    clearAllLabel: string;
+    /** Select all link text */
+    selectAllLabel: string;
+    /** Deselect all link text */
+    deselectAllLabel: string;
+    /** Reset button text */
+    resetLabel: string;
+    /** Apply button text */
+    applyLabel: string;
+    /** No results message */
+    noResultsMessage: string;
+    /** Search placeholder prefix (appended with category label) */
+    searchPlaceholderPrefix: string;
+    /** Emits the current selection when user clicks Apply */
+    filterApplied: EventEmitter<FilterPopoverSelection>;
+    /** Emits when user clicks Reset */
+    filterReset: EventEmitter<void>;
+    /** Emits when the popover should be closed (backdrop click or after Apply). */
+    closed: EventEmitter<void>;
+    /** Currently active category index */
+    activeCategoryIndex: number;
+    /** Search term for filtering options */
+    searchTerm: string;
+    /** Internal working copy of categories */
+    workingCategories: FilterPopoverCategory[];
+    /**
+     * Refreshes working copy when opening or categories change.
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /** Whether this is a single-category filter (hides left nav) */
+    get isSingleCategory(): boolean;
+    /** Total number of selected options across all categories */
+    get totalSelectedCount(): number;
+    /** Currently active category */
+    get activeCategory(): FilterPopoverCategory | undefined;
+    /** Options filtered by search term for the active category */
+    get filteredOptions(): FilterPopoverOption[];
+    /** Whether all visible options are checked */
+    get isAllVisibleSelected(): boolean;
+    /** Selects a category from the left nav */
+    onCategorySelect(index: number): void;
+    /** Toggles a single checkbox option */
+    onOptionToggle(option: FilterPopoverOption): void;
+    /** Toggles all visible options */
+    onSelectAll(): void;
+    /** Applies filter and emits selection */
+    onApply(): void;
+    /** Resets all selections */
+    onReset(): void;
+    /** Clears all (same as reset) */
+    onClearAll(): void;
+    /** Closes via backdrop click */
+    onBackdropClick(): void;
+    trackByCategory(index: number): number;
+    trackByOption(_index: number, option: FilterPopoverOption): string;
+    private initWorkingCopy;
+    private recalculateSelectedCount;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterPopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterPopoverComponent, "ieeesa-filter-popover", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "title": { "alias": "title"; "required": false; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "deselectAllLabel": { "alias": "deselectAllLabel"; "required": false; }; "resetLabel": { "alias": "resetLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; }; "searchPlaceholderPrefix": { "alias": "searchPlaceholderPrefix"; "required": false; }; }, { "filterApplied": "filterApplied"; "filterReset": "filterReset"; "closed": "closed"; }, never, never, true, never>;
+}

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

@@ -34,6 +34,7 @@ export declare class TabsComponent implements OnInit, OnDestroy {
     actionType: any;
     routePaths: EventsAndMeetingRouteConfig;
     apiBaseURL: string;
+    apiDomainURL: string;
     userPermissions: UserPermission[];
     customProperties: CustomProperties[];
     constructor(dialog: MatDialog);
@@ -81,5 +82,5 @@ export declare class TabsComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isFormChanged": { "alias": "isFormChanged"; "required": false; }; "confirmationModalConfig": { "alias": "confirmationModalConfig"; "required": false; }; "isViewOnly": { "alias": "isViewOnly"; "required": false; }; "isMemberOfGroup": { "alias": "isMemberOfGroup"; "required": false; }; "eventId": { "alias": "eventId"; "required": false; }; "meetingId": { "alias": "meetingId"; "required": false; }; "actionType": { "alias": "actionType"; "required": false; }; "routePaths": { "alias": "routePaths"; "required": false; }; "apiBaseURL": { "alias": "apiBaseURL"; "required": false; }; "userPermissions": { "alias": "userPermissions"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isFormChanged": { "alias": "isFormChanged"; "required": false; }; "confirmationModalConfig": { "alias": "confirmationModalConfig"; "required": false; }; "isViewOnly": { "alias": "isViewOnly"; "required": false; }; "isMemberOfGroup": { "alias": "isMemberOfGroup"; "required": false; }; "eventId": { "alias": "eventId"; "required": false; }; "meetingId": { "alias": "meetingId"; "required": false; }; "actionType": { "alias": "actionType"; "required": false; }; "routePaths": { "alias": "routePaths"; "required": false; }; "apiBaseURL": { "alias": "apiBaseURL"; "required": false; }; "apiDomainURL": { "alias": "apiDomainURL"; "required": false; }; "userPermissions": { "alias": "userPermissions"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
 }

package/lib/models/custom-properties.model.d.ts

@@ -3,6 +3,7 @@ export declare enum CustomProperties {
     MEETING_ID = "meetingId",
     ROUTE_PATHS = "routePaths",
     API_BASE_URL = "apiBaseURL",
+    API_DOMAIN_URL = "apiDomainURL",
     USER_PERMISSIONS = "userPermissions",
     ACTION_TYPE = "actionType",
     IS_VIEW_ONLY = "isViewOnly",

package/lib/models/filter-popover.model.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Represents a single filter category (e.g. "Member Type", "Status").
+ */
+export interface FilterPopoverCategory {
+    id: string;
+    label: string;
+    options: FilterPopoverOption[];
+    selectedCount?: number;
+}
+/**
+ * Represents an individual option within a filter category.
+ */
+export interface FilterPopoverOption {
+    id: string;
+    label: string;
+    checked: boolean;
+}
+/**
+ * The complete filter state emitted on Apply.
+ * Key = category id, Value = array of selected option labels.
+ */
+export interface FilterPopoverSelection {
+    [categoryId: string]: string[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.31.2",
+  "version": "0.31.4",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",

package/public-api.d.ts

@@ -42,6 +42,7 @@ export * from './lib/components/image-preview/image-preview.component';
 export * from './lib/components/rich-text-editor/rich-text-editor.component';
 export * from './lib/components/multi-select-autocomplete/multi-select-autocomplete.component';
 export * from './lib/components/export-format-popover/export-format-popover.component';
+export * from './lib/components/filter-popover/filter-popover.component';
 export * from './lib/components/policy-confirmation-dialog/policy-confirmation-dialog.component';
 export * from './lib/components/export-success-dialog/export-success-dialog.component';
 export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
@@ -101,6 +102,7 @@ export * from './lib/models/file-upload-response.model';
 export * from './lib/models/inactive-tenant.model';
 export * from './lib/models/table-column-menu-info.model';
 export * from './lib/models/export-format-popover.model';
+export * from './lib/models/filter-popover.model';
 export * from './lib/models/policy-confirmation-dialog.model';
 export * from './lib/models/export-success-dialog.model';
 export * from './lib/services/datepicker.service';