@ncim/sdk 0.3.0 → 0.3.1

package/fesm2022/ncim-sdk.mjs

@@ -1,2 +1,2 @@
-export { i as NcimCore, d as NcimFeatures, e as NcimState, f as NcimUI } from './ncim-sdk-ncim-sdk-Cxn6UL5k.mjs';
+export { i as NcimCore, d as NcimFeatures, e as NcimState, f as NcimUI } from './ncim-sdk-ncim-sdk-DmQ2diWe.mjs';
 //# sourceMappingURL=ncim-sdk.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ncim/sdk",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "ncim Compliance Dashboard — publishable SDK wrapping core, ui-components, shared-state, and features libraries",
   "keywords": [
     "angular",

package/types/ncim-sdk-features.d.ts

@@ -792,7 +792,7 @@ declare class NewTicketDialog {
     private readonly translate;
     readonly visible: _angular_core.InputSignal<boolean>;
     readonly visibleChange: _angular_core.OutputEmitterRef<boolean>;
-    readonly view: _angular_core.WritableSignal<"success" | "form">;
+    readonly view: _angular_core.WritableSignal<"form" | "success">;
     readonly attachedFiles: _angular_core.WritableSignal<File[]>;
     readonly ticketNumber: _angular_core.WritableSignal<string>;
     readonly submitted: _angular_core.WritableSignal<boolean>;

package/types/ncim-sdk-ui.d.ts

@@ -1,23 +1,15 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, AfterContentInit, AfterViewInit, OnDestroy, TemplateRef, DestroyRef } from '@angular/core';
+import { AfterViewInit, DestroyRef, ElementRef, AfterContentInit, OnDestroy, TemplateRef } from '@angular/core';
 import { IconName, InputType, TrendDirection, MarkerStatus, MapLegendStatus } from './ncim-sdk-core';
-import { PopupModalBase as PopupModalBase$1 } from './ncim-sdk-ui';
 import { ControlValueAccessor, FormControl, FormGroup, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
-import { QuickFilterTag as QuickFilterTag$1 } from './ncim-sdk-ui';
-import { SelectOption as SelectOption$1 } from './ncim-sdk-ui';
-import { InputFilter as InputFilter$1 } from './ncim-sdk-ui';
 import * as _libs_core from './ncim-sdk-core';
 import { ExportPdfOptions } from './ncim-sdk-core';
 import { ViolationFine, ViolationBusiness, ViolationCorrectionPeriod } from './ncim-sdk-core';
 import { EChartsOption } from 'echarts';
-import { MapMarkerData as MapMarkerData$1 } from './ncim-sdk-ui';
 import { TranslateService } from '@ngx-translate/core';
 import { MenuItem } from 'primeng/api';
-import { BreadcrumbItem as BreadcrumbItem$1 } from './ncim-sdk-ui';
-import { AccordionItem as AccordionItem$1 } from './ncim-sdk-ui';
 import { ButtonSeverity } from 'primeng/button';
 import * as _angular_platform_browser from '@angular/platform-browser';
-import { Popup as Popup$1 } from './ncim-sdk-ui';
 import { LoadingService } from './ncim-sdk-core';
 
 interface NavItem {
@@ -73,7 +65,56 @@ declare class Sidebar {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sidebar, "ncim-sidebar", never, { "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "notificationCount": { "alias": "notificationCount"; "required": false; "isSignal": true; }; "userAvatar": { "alias": "userAvatar"; "required": false; "isSignal": true; }; "showCompleteTraining": { "alias": "showCompleteTraining"; "required": false; "isSignal": true; }; "showAppsMenu": { "alias": "showAppsMenu"; "required": false; "isSignal": true; }; "activeActionId": { "alias": "activeActionId"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "panelOpen": { "alias": "panelOpen"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "panelOpen": "panelOpenChange"; "footerActionClick": "footerActionClick"; "menuToggle": "menuToggle"; }, never, never, true, never>;
 }
 
-declare class LogoutModal extends PopupModalBase$1 {
+declare class Popup {
+    readonly open: _angular_core.InputSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly footerBorder: _angular_core.InputSignal<boolean>;
+    readonly footerStyle: _angular_core.InputSignal<boolean>;
+    readonly showCloseButton: _angular_core.InputSignal<boolean>;
+    readonly showBackButton: _angular_core.InputSignal<boolean>;
+    readonly largeHeader: _angular_core.InputSignal<boolean>;
+    readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | "extra-large">;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly dismissed: _angular_core.OutputEmitterRef<void>;
+    readonly backClicked: _angular_core.OutputEmitterRef<void>;
+    protected readonly titleId: string;
+    protected readonly dialogStyle: _angular_core.Signal<{
+        width: string;
+        maxWidth: string;
+    }>;
+    /**
+     * Guard against double-emission: when the close button is clicked,
+     * `close()` emits `dismissed` directly. PrimeNG then hides the dialog
+     * and fires `onHide` — we skip that second emission.
+     */
+    private _closedByButton;
+    /** Called by the × button in the header. */
+    close(): void;
+    /**
+     * Called by PrimeNG when the dialog hides — covers dismissableMask
+     * (backdrop click) and ESC key. The close-button path is guarded above.
+     */
+    onHide(): void;
+    back(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Popup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Popup, "ncim-popup", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "footerBorder": { "alias": "footerBorder"; "required": false; "isSignal": true; }; "footerStyle": { "alias": "footerStyle"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "showBackButton": { "alias": "showBackButton"; "required": false; "isSignal": true; }; "largeHeader": { "alias": "largeHeader"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; "backClicked": "backClicked"; }, never, ["[subTitle]", "*", "[popupFooter]"], true, never>;
+}
+
+declare abstract class PopupModalBase<T = unknown> implements AfterViewInit {
+    protected readonly destroyRef: DestroyRef;
+    readonly modalData: _angular_core.WritableSignal<T | null>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly popup: _angular_core.Signal<Popup>;
+    readonly dismissed: _angular_core.OutputEmitterRef<void>;
+    openModal(data?: T): void;
+    closeModal(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupModalBase<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupModalBase<any>, "ng-component", never, {}, { "dismissed": "dismissed"; }, never, never, true, never>;
+}
+
+declare class LogoutModal extends PopupModalBase {
     readonly confirmed: _angular_core.OutputEmitterRef<void>;
     protected onConfirm(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogoutModal, never>;
@@ -180,7 +221,7 @@ declare class OtpInput implements ControlValueAccessor {
 }
 
 declare class NcimButton {
-    readonly variant: _angular_core.InputSignal<"primary" | "black" | "neutral" | "secondary" | "transparent" | "outline" | "link">;
+    readonly variant: _angular_core.InputSignal<"link" | "primary" | "black" | "neutral" | "secondary" | "transparent" | "outline">;
     readonly type: _angular_core.InputSignal<"button" | "submit">;
     readonly fullWidth: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -206,7 +247,7 @@ interface StepItem {
 }
 declare class Stepper {
     readonly steps: _angular_core.InputSignal<StepItem[]>;
-    readonly variant: _angular_core.InputSignal<"progress" | "steps" | "pills">;
+    readonly variant: _angular_core.InputSignal<"steps" | "progress" | "pills">;
     readonly linear: _angular_core.InputSignal<boolean>;
     readonly width: _angular_core.InputSignal<number>;
     readonly stepChange: _angular_core.OutputEmitterRef<string>;
@@ -221,7 +262,7 @@ declare class RegisterLayout {
     readonly sidebarDescription: _angular_core.InputSignal<string>;
     readonly sidebarImage: _angular_core.InputSignal<string>;
     readonly steps: _angular_core.InputSignal<StepItem[]>;
-    readonly stepperVariant: _angular_core.InputSignal<"progress" | "steps">;
+    readonly stepperVariant: _angular_core.InputSignal<"steps" | "progress">;
     readonly linear: _angular_core.InputSignal<boolean>;
     readonly stepChange: _angular_core.OutputEmitterRef<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RegisterLayout, never>;
@@ -379,7 +420,7 @@ interface TabItem {
 declare class Tabs {
     readonly items: _angular_core.InputSignal<TabItem[]>;
     readonly activeId: _angular_core.InputSignal<string>;
-    readonly variant: _angular_core.InputSignal<"default" | "pills" | "underline">;
+    readonly variant: _angular_core.InputSignal<"pills" | "default" | "underline">;
     readonly size: _angular_core.InputSignal<"small" | "medium" | "large">;
     readonly justify: _angular_core.InputSignal<"start" | "end" | "center" | "between">;
     readonly tabChange: _angular_core.OutputEmitterRef<string>;
@@ -468,14 +509,14 @@ declare class FormInput implements ControlValueAccessor {
     readonly isDate: _angular_core.Signal<boolean>;
     readonly isDateTime: _angular_core.Signal<boolean>;
     readonly isDatePicker: _angular_core.Signal<boolean>;
-    readonly datePickerAppendTo: _angular_core.Signal<"body" | HTMLElement | "self" | null | undefined>;
+    readonly datePickerAppendTo: _angular_core.Signal<HTMLElement | "body" | "self" | null | undefined>;
     readonly isTextarea: _angular_core.Signal<boolean>;
     readonly isCheckboxRadio: _angular_core.Signal<boolean>;
     readonly maxLength: _angular_core.Signal<10 | 255>;
     readonly inputType: _angular_core.Signal<InputType | "tel" | "datetime-local">;
     readonly inputMode: _angular_core.Signal<"numeric" | "tel" | null>;
     readonly autocomplete: _angular_core.Signal<"off" | "tel">;
-    readonly inputFilter: _angular_core.Signal<"phone" | "numeric" | "noComma" | null>;
+    readonly inputFilter: _angular_core.Signal<"numeric" | "phone" | "noComma" | null>;
     private static readonly ERROR_MAP;
     readonly errorKey: _angular_core.Signal<string>;
     readonly showError: _angular_core.Signal<boolean>;
@@ -524,6 +565,20 @@ declare class FormMultiSelect {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormMultiSelect, "ncim-form-multi-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; }, never, never, true, never>;
 }
 
+/** A single active filter tag (e.g. "الحالة (1): جسيمة") */
+interface QuickFilterTag {
+    /** Filter label (e.g. "الحالة", "المدينة") */
+    label: string;
+    /** Number of selected items */
+    count: number;
+    /** Display value for single-value tags */
+    value: string;
+    /** Individual display values for multi-value tags — renders separate removable badges */
+    values?: string[];
+    /** Optional key for removal */
+    key?: string;
+}
+
 type FilterFieldType = 'text' | 'select' | 'multiselect' | 'date' | 'datetime' | 'date-range' | 'number' | 'search' | 'checkbox' | 'radio' | 'checkbox-search' | 'divider';
 interface FilterFieldConfig {
     /** Unique key — maps directly to the signal model property */
@@ -541,7 +596,7 @@ interface FilterFieldConfig {
     /** Icon position — defaults to 'end' */
     iconPosition?: 'start' | 'end';
     /** Options list — required when type === 'select' | 'multiselect' | 'checkbox' | 'checkbox-search' | 'radio' */
-    options?: SelectOption$1[];
+    options?: SelectOption[];
     /**
      * CSS track size for this field's column.
      * Used only in auto layout (when FilterFormConfig.columns is NOT set).
@@ -566,7 +621,7 @@ interface FilterFieldConfig {
     /** Name attribute for radio groups — auto-generated if omitted */
     radioName?: string;
     /** Optional input filter override (e.g. 'noComma' for search fields). */
-    inputFilter?: InputFilter$1;
+    inputFilter?: InputFilter;
 }
 interface FilterFormConfig {
     /** All field definitions */
@@ -613,7 +668,7 @@ declare class FilterForm implements OnDestroy {
     readonly hasActiveFilters: _angular_core.Signal<boolean>;
     readonly fieldStringValues: _angular_core.Signal<Record<string, string>>;
     readonly fieldMultiValues: _angular_core.Signal<Record<string, string[]>>;
-    readonly activeFilterTags: _angular_core.Signal<QuickFilterTag$1[]>;
+    readonly activeFilterTags: _angular_core.Signal<QuickFilterTag[]>;
     private _debounceTimer;
     constructor();
     ngOnDestroy(): void;
@@ -627,7 +682,7 @@ declare class FilterForm implements OnDestroy {
     onSubmit(): void;
     onReset(): void;
     onClearAll(): void;
-    onFilterTagClick(tag: QuickFilterTag$1): void;
+    onFilterTagClick(tag: QuickFilterTag): void;
     private defaultFor;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterForm, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterForm, "ncim-filter-form", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "quickFilterTitle": { "alias": "quickFilterTitle"; "required": false; "isSignal": true; }; "quickFilterCounter": { "alias": "quickFilterCounter"; "required": false; "isSignal": true; }; }, { "filterChange": "filterChange"; "filterSubmit": "filterSubmit"; "filterReset": "filterReset"; "saveFilterClick": "saveFilterClick"; }, never, never, true, never>;
@@ -788,7 +843,7 @@ declare class StatsAnalyticsCard {
     readonly chartShowArea: _angular_core.InputSignal<boolean>;
     /** Sparkline ↔ text gap: `sm` 12px (first KPI card), `md` 16px (second). */
     readonly surfaceGap: _angular_core.InputSignal<"sm" | "md">;
-    readonly trendIcon: _angular_core.Signal<"trend-down-arrow" | "trend-up-arrow">;
+    readonly trendIcon: _angular_core.Signal<"trend-up-arrow" | "trend-down-arrow">;
     readonly showChart: _angular_core.Signal<boolean>;
     /** Mutable series for `ncim-sparkline` — satisfies template assignability to `number[]`. */
     readonly sparklineData: _angular_core.Signal<number[]>;
@@ -1439,7 +1494,7 @@ declare class CategoryTile {
     readonly label: _angular_core.InputSignal<string>;
     readonly routerLink: _angular_core.InputSignal<string | undefined>;
     readonly description: _angular_core.InputSignal<string | null>;
-    readonly variant: _angular_core.InputSignal<"narrow" | "wide">;
+    readonly variant: _angular_core.InputSignal<"wide" | "narrow">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CategoryTile, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CategoryTile, "ncim-category-tile", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -1786,7 +1841,7 @@ declare class StoreLocations {
     readonly zoom: _angular_core.InputSignal<number>;
     readonly centerLat: _angular_core.InputSignal<number>;
     readonly centerLng: _angular_core.InputSignal<number>;
-    readonly markers: _angular_core.InputSignal<MapMarkerData$1[]>;
+    readonly markers: _angular_core.InputSignal<MapMarkerData[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StoreLocations, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StoreLocations, "ncim-store-locations", never, { "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "centerLat": { "alias": "centerLat"; "required": false; "isSignal": true; }; "centerLng": { "alias": "centerLng"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -2047,7 +2102,7 @@ declare class Breadcrumb {
 declare class PageHeader {
     readonly titleKey: _angular_core.InputSignal<string>;
     readonly title: _angular_core.InputSignal<string>;
-    readonly breadcrumbItems: _angular_core.InputSignal<BreadcrumbItem$1[]>;
+    readonly breadcrumbItems: _angular_core.InputSignal<BreadcrumbItem[]>;
     readonly showBreadcrumb: _angular_core.InputSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageHeader, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageHeader, "ncim-page-header", never, { "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "breadcrumbItems": { "alias": "breadcrumbItems"; "required": false; "isSignal": true; }; "showBreadcrumb": { "alias": "showBreadcrumb"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -2129,7 +2184,7 @@ declare class ArticleDetail {
     readonly videoSrc: _angular_core.InputSignal<string>;
     readonly titleKey: _angular_core.InputSignal<string>;
     readonly contentKey: _angular_core.InputSignal<string>;
-    readonly accordionItems: _angular_core.InputSignal<AccordionItem$1[]>;
+    readonly accordionItems: _angular_core.InputSignal<AccordionItem[]>;
     readonly accordionTitleKey: _angular_core.InputSignal<string>;
     readonly feedback: _angular_core.OutputEmitterRef<"yes" | "no">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ArticleDetail, never>;
@@ -2165,7 +2220,7 @@ declare class ArticleSidebar {
 
 declare class CardsListPage {
     readonly titleKey: _angular_core.InputSignal<string>;
-    readonly breadcrumbItems: _angular_core.InputSignal<BreadcrumbItem$1[]>;
+    readonly breadcrumbItems: _angular_core.InputSignal<BreadcrumbItem[]>;
     readonly items: _angular_core.InputSignal<NavCardItem[]>;
     readonly getItemRoute: _angular_core.InputSignal<(slug: string) => string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardsListPage, never>;
@@ -2174,10 +2229,10 @@ declare class CardsListPage {
 
 declare class ArticlePage {
     readonly titleKey: _angular_core.InputSignal<string>;
-    readonly breadcrumbItems: _angular_core.InputSignal<BreadcrumbItem$1[]>;
+    readonly breadcrumbItems: _angular_core.InputSignal<BreadcrumbItem[]>;
     readonly videoSrc: _angular_core.InputSignal<string>;
     readonly contentKey: _angular_core.InputSignal<string>;
-    readonly accordionItems: _angular_core.InputSignal<AccordionItem$1[]>;
+    readonly accordionItems: _angular_core.InputSignal<AccordionItem[]>;
     readonly accordionTitleKey: _angular_core.InputSignal<string>;
     readonly resources: _angular_core.InputSignal<ResourceItem[]>;
     readonly relatedItems: _angular_core.InputSignal<RelatedCardItem[]>;
@@ -2564,56 +2619,7 @@ declare class FeedbackSection {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FeedbackSection, "ncim-feedback-section", never, { "questionKey": { "alias": "questionKey"; "required": false; "isSignal": true; }; "yesKey": { "alias": "yesKey"; "required": false; "isSignal": true; }; "noKey": { "alias": "noKey"; "required": false; "isSignal": true; }; }, { "feedback": "feedback"; }, never, never, true, never>;
 }
 
-declare class Popup {
-    readonly open: _angular_core.InputSignal<boolean>;
-    readonly title: _angular_core.InputSignal<string>;
-    readonly footerBorder: _angular_core.InputSignal<boolean>;
-    readonly footerStyle: _angular_core.InputSignal<boolean>;
-    readonly showCloseButton: _angular_core.InputSignal<boolean>;
-    readonly showBackButton: _angular_core.InputSignal<boolean>;
-    readonly largeHeader: _angular_core.InputSignal<boolean>;
-    readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
-    readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | "extra-large">;
-    readonly width: _angular_core.InputSignal<string>;
-    readonly dismissed: _angular_core.OutputEmitterRef<void>;
-    readonly backClicked: _angular_core.OutputEmitterRef<void>;
-    protected readonly titleId: string;
-    protected readonly dialogStyle: _angular_core.Signal<{
-        width: string;
-        maxWidth: string;
-    }>;
-    /**
-     * Guard against double-emission: when the close button is clicked,
-     * `close()` emits `dismissed` directly. PrimeNG then hides the dialog
-     * and fires `onHide` — we skip that second emission.
-     */
-    private _closedByButton;
-    /** Called by the × button in the header. */
-    close(): void;
-    /**
-     * Called by PrimeNG when the dialog hides — covers dismissableMask
-     * (backdrop click) and ESC key. The close-button path is guarded above.
-     */
-    onHide(): void;
-    back(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Popup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Popup, "ncim-popup", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "footerBorder": { "alias": "footerBorder"; "required": false; "isSignal": true; }; "footerStyle": { "alias": "footerStyle"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "showBackButton": { "alias": "showBackButton"; "required": false; "isSignal": true; }; "largeHeader": { "alias": "largeHeader"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; "backClicked": "backClicked"; }, never, ["[subTitle]", "*", "[popupFooter]"], true, never>;
-}
-
-declare abstract class PopupModalBase<T = unknown> implements AfterViewInit {
-    protected readonly destroyRef: DestroyRef;
-    readonly modalData: _angular_core.WritableSignal<T | null>;
-    readonly isOpen: _angular_core.WritableSignal<boolean>;
-    readonly popup: _angular_core.Signal<Popup$1>;
-    readonly dismissed: _angular_core.OutputEmitterRef<void>;
-    openModal(data?: T): void;
-    closeModal(): void;
-    ngAfterViewInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupModalBase<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupModalBase<any>, "ng-component", never, {}, { "dismissed": "dismissed"; }, never, never, true, never>;
-}
-
-declare class SaveFilterPopup extends PopupModalBase$1 {
+declare class SaveFilterPopup extends PopupModalBase {
     readonly mode: _angular_core.InputSignal<"edit" | "add">;
     readonly initialTitle: _angular_core.InputSignal<string>;
     readonly saveLoading: _angular_core.InputSignal<boolean>;
@@ -2636,20 +2642,6 @@ declare class SaveFilterPopup extends PopupModalBase$1 {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SaveFilterPopup, "ncim-save-filter-popup", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "initialTitle": { "alias": "initialTitle"; "required": false; "isSignal": true; }; "saveLoading": { "alias": "saveLoading"; "required": false; "isSignal": true; }; }, { "saved": "saved"; "deleted": "deleted"; }, never, never, true, never>;
 }
 
-/** A single active filter tag (e.g. "الحالة (1): جسيمة") */
-interface QuickFilterTag {
-    /** Filter label (e.g. "الحالة", "المدينة") */
-    label: string;
-    /** Number of selected items */
-    count: number;
-    /** Display value for single-value tags */
-    value: string;
-    /** Individual display values for multi-value tags — renders separate removable badges */
-    values?: string[];
-    /** Optional key for removal */
-    key?: string;
-}
-
 declare class QuickFilterBar {
     readonly activeFilters: _angular_core.InputSignal<QuickFilterTag[]>;
     readonly showSaveFilter: _angular_core.InputSignal<boolean>;