@ncim/sdk 0.1.0 → 0.2.4

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

@@ -1 +1,3128 @@
-export * from '@libs/ui-components';
+import * as _angular_core from '@angular/core';
+import { ElementRef, AfterContentInit, AfterViewInit, OnDestroy, TemplateRef, DestroyRef } 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 {
+    label: string;
+    icon: string;
+    route?: string;
+    badge?: number | string;
+    children?: {
+        label: string;
+        route: string;
+    }[];
+}
+interface NavSection {
+    title: string;
+    items: NavItem[];
+}
+interface FooterAction {
+    id: string;
+    label: string;
+    icon: IconName | 'avatar';
+    active?: boolean;
+    route?: string;
+}
+interface SidebarBrand {
+    /** Translation key or plain text for the app/platform name. */
+    title: string;
+    logoSrc?: string;
+    /** Translation key or plain text for the user role. When omitted, falls back to PROFILE.ROLE. */
+    role?: string;
+}
+
+declare class Sidebar {
+    private readonly router;
+    private readonly destroyRef;
+    brand: _angular_core.InputSignal<SidebarBrand>;
+    sections: _angular_core.InputSignal<NavSection[]>;
+    notificationCount: _angular_core.InputSignal<number>;
+    userAvatar: _angular_core.InputSignal<string | null>;
+    showCompleteTraining: _angular_core.InputSignal<boolean>;
+    showAppsMenu: _angular_core.InputSignal<boolean>;
+    activeActionId: _angular_core.InputSignal<string | null>;
+    isOpen: _angular_core.ModelSignal<boolean>;
+    panelOpen: _angular_core.ModelSignal<boolean>;
+    footerActionClick: _angular_core.OutputEmitterRef<string>;
+    menuToggle: _angular_core.OutputEmitterRef<void>;
+    protected readonly expandedItems: _angular_core.WritableSignal<Set<string>>;
+    constructor();
+    protected toggleExpand(label: string): void;
+    protected isExpanded(label: string): boolean;
+    protected onFooterAction(actionId: string): void;
+    protected close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Sidebar, never>;
+    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 {
+    readonly confirmed: _angular_core.OutputEmitterRef<void>;
+    protected onConfirm(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogoutModal, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogoutModal, "ncim-logout-modal", never, {}, { "confirmed": "confirmed"; }, never, never, true, never>;
+}
+
+/** Shared sidebar toggle and footer action logic for layouts. */
+declare abstract class BaseSidebarLayout {
+    readonly sidebarOpen: _angular_core.WritableSignal<boolean>;
+    toggleSidebar(): void;
+    onFooterAction(_actionId: string): void;
+}
+
+/** Main app shell with sidebar and router outlet. Dumb/presentational — receives all config via inputs. */
+declare class DashboardLayout extends BaseSidebarLayout {
+    readonly sectionsMap: _angular_core.InputSignal<Record<string, NavSection[]>>;
+    readonly brand: _angular_core.InputSignal<SidebarBrand>;
+    readonly userAvatar: _angular_core.InputSignal<string | null>;
+    readonly notificationCount: _angular_core.InputSignal<number>;
+    readonly showCompleteTraining: _angular_core.InputSignal<boolean>;
+    readonly showAppsMenu: _angular_core.InputSignal<boolean>;
+    readonly footerNavigate: _angular_core.OutputEmitterRef<string>;
+    readonly logoutConfirmed: _angular_core.OutputEmitterRef<void>;
+    private readonly router;
+    protected readonly logoutModal: _angular_core.Signal<LogoutModal>;
+    private readonly currentUrl;
+    private readonly activeMenuKey;
+    constructor();
+    private readonly lastOpenKey;
+    readonly isPanelOpen: _angular_core.Signal<boolean>;
+    readonly panelSections: _angular_core.Signal<NavSection[]>;
+    readonly activeActionId: _angular_core.Signal<"settings" | "layers" | "profile">;
+    onFooterAction(actionId: string): void;
+    protected togglePanel(): void;
+    protected onLogoutConfirmed(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DashboardLayout, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardLayout, "ncim-dashboard-layout", never, { "sectionsMap": { "alias": "sectionsMap"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "userAvatar": { "alias": "userAvatar"; "required": false; "isSignal": true; }; "notificationCount": { "alias": "notificationCount"; "required": false; "isSignal": true; }; "showCompleteTraining": { "alias": "showCompleteTraining"; "required": false; "isSignal": true; }; "showAppsMenu": { "alias": "showAppsMenu"; "required": false; "isSignal": true; }; }, { "footerNavigate": "footerNavigate"; "logoutConfirmed": "logoutConfirmed"; }, never, never, true, never>;
+}
+
+declare enum NavSectionKey {
+    BASICS = "SIDEBAR.SECTIONS.BASICS",
+    HELP = "SIDEBAR.SECTIONS.HELP"
+}
+declare enum NavItemKey {
+    HOME = "SIDEBAR.ITEMS.HOME",
+    REGULATORY_DASHBOARD = "SIDEBAR.ITEMS.REGULATORY_DASHBOARD",
+    VIOLATIONS = "SIDEBAR.ITEMS.VIOLATIONS",
+    OBJECTIONS = "SIDEBAR.ITEMS.OBJECTIONS",
+    LICENSES = "SIDEBAR.ITEMS.LICENSES",
+    COMPLIANCE_PROGRAM = "SIDEBAR.ITEMS.COMPLIANCE_PROGRAM",
+    SMART_ADVISOR = "SIDEBAR.ITEMS.SMART_ADVISOR",
+    KNOWLEDGE_CENTER = "SIDEBAR.ITEMS.KNOWLEDGE_CENTER",
+    SUPPORTER = "SIDEBAR.ITEMS.SUPPORTER",
+    USERS_ROLES = "USERS_ROLES.TITLE",
+    SYSTEM_SETTINGS = "SIDEBAR.ITEMS.SYSTEM_SETTINGS",
+    MY_FACILITIES = "SIDEBAR.ITEMS.MY_FACILITIES"
+}
+
+/** Centered layout for login, forgot-password, OTP, reset-password. */
+declare class AuthLayout {
+    readonly width: _angular_core.InputSignal<"small" | "full">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AuthLayout, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AuthLayout, "ncim-auth-layout", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Item for settings sidebar navigation. */
+interface SettingsNavItem {
+    label: string;
+    route: string;
+    icon?: IconName;
+}
+/** App shell for settings area (profile, users & roles) with sidebar. */
+declare class SettingsLayout extends BaseSidebarLayout {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SettingsLayout, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SettingsLayout, "ncim-settings-layout", never, {}, {}, never, never, true, never>;
+}
+
+declare class OtpInput implements ControlValueAccessor {
+    readonly length: _angular_core.InputSignal<number>;
+    readonly submitted: _angular_core.InputSignal<boolean>;
+    readonly digits: _angular_core.WritableSignal<string[]>;
+    readonly disabled: _angular_core.WritableSignal<boolean>;
+    readonly touched: _angular_core.WritableSignal<boolean>;
+    readonly focused: _angular_core.WritableSignal<boolean>;
+    readonly inputs: _angular_core.Signal<readonly ElementRef<any>[]>;
+    private readonly ngControl;
+    private onChange;
+    private onTouched;
+    constructor();
+    readonly errorKey: _angular_core.Signal<string>;
+    readonly showError: _angular_core.Signal<boolean>;
+    onDigitInput(event: Event, index: number): void;
+    onFocus(): void;
+    onBlur(): void;
+    onKeyDown(event: KeyboardEvent, index: number): void;
+    onPaste(event: ClipboardEvent): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private emitValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OtpInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OtpInput, "ncim-otp-input", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "submitted": { "alias": "submitted"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Button {
+    readonly variant: _angular_core.InputSignal<"primary" | "black" | "neutral" | "secondary" | "transparent" | "outline" | "link">;
+    readonly type: _angular_core.InputSignal<"button" | "submit">;
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | "compact" | "mini" | "extra-small" | "small-icon-only">;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly iconPosition: _angular_core.InputSignal<"start" | "end">;
+    readonly iconSize: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "ncim-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class Divider {
+    readonly text: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Divider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Divider, "ncim-divider", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface StepItem {
+    id: string;
+    label?: string;
+    state: 'completed' | 'active' | 'upcoming' | 'disabled';
+}
+declare class Stepper {
+    readonly steps: _angular_core.InputSignal<StepItem[]>;
+    readonly variant: _angular_core.InputSignal<"progress" | "steps" | "pills">;
+    readonly linear: _angular_core.InputSignal<boolean>;
+    readonly width: _angular_core.InputSignal<number>;
+    readonly stepChange: _angular_core.OutputEmitterRef<string>;
+    readonly progressPercentage: _angular_core.Signal<number>;
+    onStepClick(step: StepItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Stepper, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Stepper, "ncim-stepper", never, { "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "stepChange": "stepChange"; }, never, never, true, never>;
+}
+
+declare class RegisterLayout {
+    readonly sidebarTitle: _angular_core.InputSignal<string>;
+    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 linear: _angular_core.InputSignal<boolean>;
+    readonly stepChange: _angular_core.OutputEmitterRef<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RegisterLayout, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RegisterLayout, "ncim-register-layout", never, { "sidebarTitle": { "alias": "sidebarTitle"; "required": false; "isSignal": true; }; "sidebarDescription": { "alias": "sidebarDescription"; "required": false; "isSignal": true; }; "sidebarImage": { "alias": "sidebarImage"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "stepperVariant": { "alias": "stepperVariant"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; }, { "stepChange": "stepChange"; }, never, ["*"], true, never>;
+}
+
+declare class CopyRight {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CopyRight, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CopyRight, "ncim-copy-right", never, {}, {}, never, never, true, never>;
+}
+
+interface OptionItem {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+}
+declare class OptionGroup implements ControlValueAccessor {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.InputSignal<OptionItem[]>;
+    readonly columns: _angular_core.InputSignal<number>;
+    readonly selectedValue: _angular_core.InputSignal<string | null>;
+    readonly submitted: _angular_core.InputSignal<boolean>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<string>;
+    readonly disabled: _angular_core.WritableSignal<boolean>;
+    readonly touched: _angular_core.WritableSignal<boolean>;
+    readonly value: _angular_core.WritableSignal<string | null>;
+    readonly activeValue: _angular_core.Signal<string | null>;
+    readonly errorKey: "ERRORS.REQUIRED";
+    readonly showError: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    onSelect(option: OptionItem): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionGroup, "ncim-option-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "submitted": { "alias": "submitted"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+declare class RadioButton {
+    readonly value: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly checked: _angular_core.InputSignal<boolean | undefined>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    readonly isChecked: _angular_core.WritableSignal<boolean | undefined>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly name: _angular_core.WritableSignal<string>;
+    readonly inputId: _angular_core.WritableSignal<string>;
+    readonly ariaChecked: _angular_core.Signal<"true" | "false">;
+    readonly ariaDisabled: _angular_core.Signal<"true" | "false">;
+    onRadioChange(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButton, "ncim-radio-button", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, never>;
+}
+
+declare class SelectionButton extends RadioButton {
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large">;
+    readonly variant: _angular_core.InputSignal<"primary" | "secondary" | "outline">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectionButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectionButton, "ncim-selection-button", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class RadioGroup implements ControlValueAccessor, AfterContentInit {
+    private readonly cdr;
+    private optionButtons;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    private selectedValue;
+    private onChange;
+    private onTouched;
+    ngAfterContentInit(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    private handleValueChange;
+    private syncChildrenState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroup, "ncim-radio-group", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["optionButtons"], ["*"], true, never>;
+}
+
+declare class ProgressBar {
+    private readonly languageService;
+    /** Matches app language: Arabic → rtl (fill from the right), English → ltr (fill from the left). */
+    readonly barDir: _angular_core.Signal<"rtl" | "ltr">;
+    readonly progress: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
+    readonly color: _angular_core.InputSignal<string>;
+    readonly showLabel: _angular_core.InputSignal<boolean>;
+    /** Rounded knob at the leading edge of the fill (design system default: on). */
+    readonly showThumb: _angular_core.InputSignal<boolean>;
+    readonly percentage: _angular_core.Signal<number>;
+    readonly roundedPercentage: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBar, "ncim-progress-bar", never, { "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showThumb": { "alias": "showThumb"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class CircularProgress {
+    /** Current step (1-based). */
+    readonly current: _angular_core.InputSignal<number>;
+    /** Total steps. */
+    readonly total: _angular_core.InputSignal<number>;
+    /** Size in pixels. */
+    readonly size: _angular_core.InputSignal<number>;
+    /** Stroke width of the ring. */
+    readonly strokeWidth: _angular_core.InputSignal<number>;
+    /** Color of the progress segment. */
+    readonly progressColor: _angular_core.InputSignal<string>;
+    /** Color of the background ring. */
+    readonly trackColor: _angular_core.InputSignal<string>;
+    /** Custom label (e.g. "1 من 4"). If not set, uses current/total. */
+    readonly label: _angular_core.InputSignal<string>;
+    readonly percentage: _angular_core.Signal<number>;
+    readonly displayLabel: _angular_core.Signal<string>;
+    /** Translation params for COMMON.STEP_OF. */
+    readonly stepOfParams: _angular_core.Signal<{
+        current: number;
+        total: number;
+    }>;
+    /** SVG circle circumference for stroke-dasharray. */
+    readonly circumference: _angular_core.Signal<number>;
+    readonly strokeDashOffset: _angular_core.Signal<number>;
+    readonly radius: _angular_core.Signal<number>;
+    readonly viewBox: _angular_core.Signal<string>;
+    readonly center: _angular_core.Signal<number>;
+    /** Label font size scales with circle size for readability. */
+    readonly labelFontSize: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CircularProgress, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CircularProgress, "ncim-circular-progress", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "progressColor": { "alias": "progressColor"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Fixes PrimeNG tabs active bar (inkbar) positioning in RTL.
+ * PrimeNG uses `left` which misaligns in RTL; we recalculate using `inset-inline-start`.
+ */
+declare class TabsInkbarRtlDirective implements AfterViewInit {
+    private readonly el;
+    private readonly destroyRef;
+    private readonly injector;
+    ngAfterViewInit(): void;
+    private setupInkbarSync;
+    private isRtl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsInkbarRtlDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabsInkbarRtlDirective, "[ncimTabsInkbarRtl]", never, {}, {}, never, never, true, never>;
+}
+
+interface TabItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+    badge?: string | number;
+}
+declare class Tabs {
+    readonly items: _angular_core.InputSignal<TabItem[]>;
+    readonly activeId: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<"default" | "pills" | "underline">;
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large">;
+    readonly justify: _angular_core.InputSignal<"start" | "end" | "center" | "between">;
+    readonly tabChange: _angular_core.OutputEmitterRef<string>;
+    readonly underlineStyle: _angular_core.InputSignal<"text" | "full">;
+    protected readonly activeValue: _angular_core.WritableSignal<string | number | undefined>;
+    protected onValueChange(value: string | number | undefined): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "ncim-tabs", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "underlineStyle": { "alias": "underlineStyle"; "required": false; "isSignal": true; }; }, { "tabChange": "tabChange"; }, never, ["*"], true, [{ directive: typeof TabsInkbarRtlDirective; inputs: {}; outputs: {}; }]>;
+}
+
+declare class TabPanel {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly activeId: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly isActive: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabPanel, "ncim-tab-panel", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface SelectOption {
+    value: string;
+    label: string;
+    count?: number;
+    disabled?: boolean;
+}
+
+type FieldSize = 'small' | 'medium' | 'large';
+type InputFilter = 'numeric' | 'phone' | 'noComma' | null;
+/** Restricts input characters via core directives (arabicOnly, englishOnly, numbersOnly, phoneOnly, trimInput). */
+type RestrictInput = 'arabicOnly' | 'englishOnly' | 'numbersOnly' | 'phoneOnly' | 'trimInput' | null;
+
+declare class FormInput implements ControlValueAccessor {
+    readonly phoneConfig: {
+        readonly COUNTRY_CODE: "+966";
+        readonly FLAG_ICON: "saudi-flag";
+    };
+    readonly label: _angular_core.InputSignal<string>;
+    readonly subText: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly type: _angular_core.InputSignal<InputType>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly submitted: _angular_core.InputSignal<boolean>;
+    readonly options: _angular_core.InputSignal<SelectOption[]>;
+    readonly minDate: _angular_core.InputSignal<Date | null>;
+    readonly maxDate: _angular_core.InputSignal<Date | null>;
+    /** When true, date picker overlay is appended to `document.body` (avoids clipping inside popups/dialogs). */
+    readonly dateAppendToBody: _angular_core.InputSignal<boolean>;
+    readonly dateSelectionMode: _angular_core.InputSignal<"single" | "multiple" | "range" | undefined>;
+    readonly dateShowDropdownIcon: _angular_core.InputSignal<boolean>;
+    readonly dateFormat: _angular_core.InputSignal<string>;
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly layout: _angular_core.InputSignal<"vertical" | "horizontal">;
+    readonly radioName: _angular_core.InputSignal<string>;
+    readonly selectShowFilter: _angular_core.InputSignal<boolean>;
+    readonly selectAppendToBody: _angular_core.InputSignal<boolean>;
+    /** PrimeNG icon class e.g. 'pi pi-search'. Empty string means no icon. */
+    readonly icon: _angular_core.InputSignal<string>;
+    /** Whether the icon appears before or after the input. Defaults to 'end'. */
+    readonly iconPosition: _angular_core.InputSignal<"start" | "end">;
+    /** Restricts input via core directives (arabicOnly, englishOnly, numbersOnly, phoneOnly, trimInput). */
+    readonly restrictInput: _angular_core.InputSignal<RestrictInput>;
+    /** Optional filter override for text input sanitization (e.g. 'noComma'). */
+    readonly filterOverride: _angular_core.InputSignal<InputFilter>;
+    /** Overrides the default maxlength on the HTML input element (does not affect validator logic). */
+    readonly maxLengthOverride: _angular_core.InputSignal<number | null>;
+    /** Per-field error message overrides: maps a validator error key to an i18n translation key.
+     *  Example: [errorMessages]="{ pattern: 'ENTITIES.ERRORS.INVALID_NATIONAL_NUMBER' }" */
+    readonly errorMessages: _angular_core.InputSignal<Record<string, string>>;
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly multiValue: _angular_core.ModelSignal<string[]>;
+    readonly showPassword: _angular_core.WritableSignal<boolean>;
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly focused: _angular_core.WritableSignal<boolean>;
+    readonly touched: _angular_core.WritableSignal<boolean>;
+    private readonly ngControl;
+    private readonly destroyRef;
+    /** Incremented on control `statusChanges` so cross-field validators trigger `errorKey` re-evaluation. */
+    private readonly errorVersion;
+    constructor();
+    private onChange;
+    private onTouched;
+    readonly isPassword: _angular_core.Signal<boolean>;
+    readonly isSelect: _angular_core.Signal<boolean>;
+    readonly isMultiSelect: _angular_core.Signal<boolean>;
+    readonly isPhone: _angular_core.Signal<boolean>;
+    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 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>;
+    private static readonly ERROR_MAP;
+    readonly errorKey: _angular_core.Signal<string>;
+    readonly showError: _angular_core.Signal<boolean>;
+    togglePassword(): void;
+    onInput(value: string): void;
+    onDateChange(value: string): void;
+    onSelectChange(value: string): void;
+    onRadioChange(value: string): void;
+    onCheckboxChange(value: string[]): void;
+    onMultiSelectChange(value: string[]): void;
+    private updateValue;
+    onFocus(): void;
+    onBlur(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormInput, "ncim-form-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "subText": { "alias": "subText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "submitted": { "alias": "submitted"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "dateAppendToBody": { "alias": "dateAppendToBody"; "required": false; "isSignal": true; }; "dateSelectionMode": { "alias": "dateSelectionMode"; "required": false; "isSignal": true; }; "dateShowDropdownIcon": { "alias": "dateShowDropdownIcon"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "radioName": { "alias": "radioName"; "required": false; "isSignal": true; }; "selectShowFilter": { "alias": "selectShowFilter"; "required": false; "isSignal": true; }; "selectAppendToBody": { "alias": "selectAppendToBody"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "restrictInput": { "alias": "restrictInput"; "required": false; "isSignal": true; }; "filterOverride": { "alias": "filterOverride"; "required": false; "isSignal": true; }; "maxLengthOverride": { "alias": "maxLengthOverride"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiValue": { "alias": "multiValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "multiValue": "multiValueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+declare class FormMultiSelect {
+    private readonly translate;
+    readonly value: _angular_core.InputSignal<string[]>;
+    readonly options: _angular_core.InputSignal<SelectOption[]>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly filter: _angular_core.InputSignal<boolean>;
+    readonly showSelectAll: _angular_core.InputSignal<boolean>;
+    /** 'comma' = no chips, selections shown as text; checkmarks only in dropdown */
+    readonly display: _angular_core.InputSignal<"comma" | "chip">;
+    readonly maxSelectedLabels: _angular_core.InputSignal<number>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly iconPosition: _angular_core.InputSignal<"start" | "end">;
+    private readonly currentLang;
+    protected readonly selectSize: _angular_core.Signal<"small" | "large" | undefined>;
+    protected readonly selectedValues: _angular_core.WritableSignal<string[]>;
+    protected readonly translatedPlaceholder: _angular_core.Signal<any>;
+    protected readonly translatedOptions: _angular_core.Signal<SelectOption[]>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string[]>;
+    readonly focusEvent: _angular_core.OutputEmitterRef<void>;
+    readonly blurEvent: _angular_core.OutputEmitterRef<void>;
+    onValueChange(val: string[] | null | undefined): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormMultiSelect, never>;
+    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>;
+}
+
+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 */
+    key: string;
+    /** Field type */
+    type: FilterFieldType;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Optional visible label above the field */
+    label?: string;
+    /** Optional sub-label displayed next to the main label */
+    subLabel?: string;
+    /** PrimeNG icon class e.g. 'pi pi-search' */
+    icon?: string;
+    /** Icon position — defaults to 'end' */
+    iconPosition?: 'start' | 'end';
+    /** Options list — required when type === 'select' | 'multiselect' | 'checkbox' | 'checkbox-search' | 'radio' */
+    options?: SelectOption$1[];
+    /**
+     * CSS track size for this field's column.
+     * Used only in auto layout (when FilterFormConfig.columns is NOT set).
+     */
+    width?: string;
+    /**
+     * Column span in the filter grid.
+     * Used only in manual layout (when FilterFormConfig.columns IS set).
+     * Defaults to 1.
+     */
+    colspan?: number;
+    /**
+     * Default/initial value.
+     * - string for text/select/date/radio
+     * - JSON.stringify(string[]) for checkbox / checkbox-search e.g. '["riyadh","jeddah"]'
+     */
+    defaultValue?: string;
+    /** Whether field is disabled */
+    disabled?: boolean;
+    /** Layout for checkbox / radio groups. Defaults to 'vertical'. */
+    layout?: 'vertical' | 'horizontal';
+    /** Name attribute for radio groups — auto-generated if omitted */
+    radioName?: string;
+    /** Optional input filter override (e.g. 'noComma' for search fields). */
+    inputFilter?: InputFilter$1;
+}
+interface FilterFormConfig {
+    /** All field definitions */
+    fields: FilterFieldConfig[];
+    /**
+     * Manual layout mode: explicit number of equal-width grid columns.
+     * Omit to use auto layout (field widths drive the track list).
+     */
+    columns?: number;
+    /** Debounce time in ms for live filtering. Defaults to 300. */
+    debounceMs?: number;
+    showReset?: boolean;
+    showSubmit?: boolean;
+    showQuickFilterBar?: boolean;
+    showSaveFilter?: boolean;
+    showClearAll?: boolean;
+    showRemoveOnTag?: boolean;
+    quickFilterTagGap?: string;
+    quickFilterRowJustify?: string;
+    showDivider?: boolean;
+}
+
+type FieldValue = any | string | string[];
+type FilterValues = Record<string, FieldValue>;
+declare class FilterForm implements OnDestroy {
+    readonly config: _angular_core.InputSignal<FilterFormConfig>;
+    readonly quickFilterTitle: _angular_core.InputSignal<string>;
+    readonly quickFilterCounter: _angular_core.InputSignal<number>;
+    readonly filterChange: _angular_core.OutputEmitterRef<FilterValues>;
+    readonly filterSubmit: _angular_core.OutputEmitterRef<FilterValues>;
+    readonly filterReset: _angular_core.OutputEmitterRef<void>;
+    readonly saveFilterClick: _angular_core.OutputEmitterRef<void>;
+    readonly model: _angular_core.WritableSignal<FilterValues>;
+    readonly showReset: _angular_core.Signal<boolean>;
+    readonly showSubmit: _angular_core.Signal<boolean>;
+    readonly showQuickFilterBar: _angular_core.Signal<boolean>;
+    readonly showSaveFilter: _angular_core.Signal<boolean>;
+    readonly showClearAll: _angular_core.Signal<boolean>;
+    readonly showRemoveOnTag: _angular_core.Signal<boolean>;
+    readonly quickFilterTagGap: _angular_core.Signal<string>;
+    readonly quickFilterRowJustify: _angular_core.Signal<string>;
+    readonly showDivider: _angular_core.Signal<boolean>;
+    readonly gridTemplateColumns: _angular_core.Signal<string>;
+    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[]>;
+    private _debounceTimer;
+    constructor();
+    ngOnDestroy(): void;
+    isMultiField(field: FilterFieldConfig): boolean;
+    resolveInputType(field: FilterFieldConfig): InputType;
+    stringValue(field: FilterFieldConfig): string;
+    multiValue(field: FilterFieldConfig): string[];
+    onFieldChange(key: string, value: string): void;
+    private sanitizeText;
+    onMultiChange(key: string, value: string[]): void;
+    onSubmit(): void;
+    onReset(): void;
+    onClearAll(): void;
+    onFilterTagClick(tag: QuickFilterTag$1): 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>;
+}
+
+declare class PackageFeatureCard {
+    title: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    popular: _angular_core.InputSignal<boolean>;
+    special: _angular_core.InputSignal<boolean>;
+    price: _angular_core.InputSignal<string | number | null>;
+    period: _angular_core.InputSignal<"monthly" | "yearly">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PackageFeatureCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PackageFeatureCard, "ncim-package-feature-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "popular": { "alias": "popular"; "required": false; "isSignal": true; }; "special": { "alias": "special"; "required": false; "isSignal": true; }; "price": { "alias": "price"; "required": false; "isSignal": true; }; "period": { "alias": "period"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[confirmation]"], true, never>;
+}
+
+declare class BulletList {
+    items: _angular_core.InputSignal<string[]>;
+    maxColumns: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BulletList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BulletList, "ncim-bullet-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "maxColumns": { "alias": "maxColumns"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Checkbox implements ControlValueAccessor {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    readonly checked: _angular_core.WritableSignal<boolean>;
+    readonly disabled: _angular_core.WritableSignal<boolean>;
+    private readonly ngControl;
+    constructor();
+    get disabledClass(): boolean;
+    changed: _angular_core.OutputEmitterRef<boolean>;
+    private onChange;
+    private onTouched;
+    onToggle(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Checkbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Checkbox, "ncim-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, true, never>;
+}
+
+declare class CardsStatistics {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly totalNumber: _angular_core.InputSignal<string | number>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly iconColor: _angular_core.InputSignal<string>;
+    readonly iconBackgroundColor: _angular_core.InputSignal<string>;
+    readonly trendPercentage: _angular_core.InputSignal<number>;
+    readonly trendLabel: _angular_core.InputSignal<string>;
+    readonly bgImage: _angular_core.InputSignal<string>;
+    readonly progressIcon: _angular_core.InputSignal<string>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly loadingDelay: _angular_core.InputSignal<number>;
+    readonly showSkeleton: _angular_core.WritableSignal<boolean>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardsStatistics, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardsStatistics, "ncim-cards-statistics", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "totalNumber": { "alias": "totalNumber"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "iconBackgroundColor": { "alias": "iconBackgroundColor"; "required": false; "isSignal": true; }; "trendPercentage": { "alias": "trendPercentage"; "required": false; "isSignal": true; }; "trendLabel": { "alias": "trendLabel"; "required": false; "isSignal": true; }; "bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "progressIcon": { "alias": "progressIcon"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class CaptchaInput {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly imageSrc: _angular_core.InputSignal<string>;
+    readonly submitted: _angular_core.InputSignal<boolean>;
+    readonly control: _angular_core.InputSignal<FormControl<string | null>>;
+    readonly refresh: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CaptchaInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CaptchaInput, "ncim-captcha-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": true; "isSignal": true; }; "submitted": { "alias": "submitted"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; }, { "refresh": "refresh"; }, never, never, true, never>;
+}
+
+declare class EntityTypeCard {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<IconName>;
+    readonly isSelected: _angular_core.InputSignal<boolean>;
+    readonly selectionMade: _angular_core.OutputEmitterRef<void>;
+    readonly isDisabled: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityTypeCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityTypeCard, "ncim-entity-type-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; }, { "selectionMade": "selectionMade"; }, never, never, true, never>;
+}
+
+type EntityInfoCardBadgeTone = 'success' | 'info';
+declare class EntityInfoCard {
+    /** i18n key for the top pill (e.g. office role label). */
+    readonly labelKey: _angular_core.InputSignal<string>;
+    /** i18n key for the primary title (company / office name). */
+    readonly nameKey: _angular_core.InputSignal<string>;
+    /** i18n key for the ID line label (e.g. commercial register / national ID). */
+    readonly idLabelKey: _angular_core.InputSignal<string>;
+    /** Raw identifier value (digits); not passed through translate. */
+    readonly idValue: _angular_core.InputSignal<string>;
+    /** Optional image URL for logo; when set, overrides `iconName`. */
+    readonly logoSrc: _angular_core.InputSignal<string | null>;
+    /** Accessible label for logo image (plain text, not a key). */
+    readonly logoAlt: _angular_core.InputSignal<string>;
+    /** Icon when `logoSrc` is not set. */
+    readonly iconName: _angular_core.InputSignal<IconName>;
+    /** Icon size inside the framed logo area (px). */
+    readonly iconSize: _angular_core.InputSignal<number>;
+    /** Pill background: mint (supervising) vs light blue (designer). */
+    readonly badgeTone: _angular_core.InputSignal<EntityInfoCardBadgeTone>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityInfoCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityInfoCard, "ncim-entity-info-card", never, { "labelKey": { "alias": "labelKey"; "required": true; "isSignal": true; }; "nameKey": { "alias": "nameKey"; "required": true; "isSignal": true; }; "idLabelKey": { "alias": "idLabelKey"; "required": true; "isSignal": true; }; "idValue": { "alias": "idValue"; "required": true; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "logoAlt": { "alias": "logoAlt"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "badgeTone": { "alias": "badgeTone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SummaryCard {
+    readonly icon: _angular_core.InputSignal<IconName>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly subValue: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SummaryCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SummaryCard, "ncim-summary-card", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "subValue": { "alias": "subValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LicenseStatusCard {
+    /** Display text for the status pill (pass translated string from parent). */
+    readonly status: _angular_core.InputSignal<string>;
+    /** Date segment for the issued line (translated / formatted). */
+    readonly issueDate: _angular_core.InputSignal<string>;
+    readonly licenseNumber: _angular_core.InputSignal<string>;
+    readonly city: _angular_core.InputSignal<string>;
+    readonly municipality: _angular_core.InputSignal<string>;
+    readonly expiryDate: _angular_core.InputSignal<string>;
+    /** i18n key for "Issued {{date}}" style line; date is passed as `issueDate`. */
+    readonly issuedLineKey: _angular_core.InputSignal<string>;
+    readonly licenseNumberLabelKey: _angular_core.InputSignal<string>;
+    readonly amanahLabelKey: _angular_core.InputSignal<string>;
+    readonly municipalityLabelKey: _angular_core.InputSignal<string>;
+    readonly expiresLabelKey: _angular_core.InputSignal<string>;
+    /** Watermark image URL (served from app `core/assets`). */
+    readonly watermarkSrc: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LicenseStatusCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LicenseStatusCard, "ncim-license-status-card", never, { "status": { "alias": "status"; "required": true; "isSignal": true; }; "issueDate": { "alias": "issueDate"; "required": true; "isSignal": true; }; "licenseNumber": { "alias": "licenseNumber"; "required": true; "isSignal": true; }; "city": { "alias": "city"; "required": true; "isSignal": true; }; "municipality": { "alias": "municipality"; "required": true; "isSignal": true; }; "expiryDate": { "alias": "expiryDate"; "required": true; "isSignal": true; }; "issuedLineKey": { "alias": "issuedLineKey"; "required": false; "isSignal": true; }; "licenseNumberLabelKey": { "alias": "licenseNumberLabelKey"; "required": false; "isSignal": true; }; "amanahLabelKey": { "alias": "amanahLabelKey"; "required": false; "isSignal": true; }; "municipalityLabelKey": { "alias": "municipalityLabelKey"; "required": false; "isSignal": true; }; "expiresLabelKey": { "alias": "expiresLabelKey"; "required": false; "isSignal": true; }; "watermarkSrc": { "alias": "watermarkSrc"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class StatsAnalyticsCard {
+    /** Card heading (pass translated string from parent). */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Optional action label (e.g. “All reports”) on the same row as the title (LTR: link left, title right). */
+    readonly titleLinkText: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignal<string | number>;
+    /** Shown after the main value, e.g. 8.2 for "8.2%". Omit when null to hide the percentage. */
+    readonly percentage: _angular_core.InputSignal<number | null>;
+    readonly trend: _angular_core.InputSignal<"up" | "down">;
+    /** Short label after the percentage (e.g. "New" / "جديدة"). */
+    readonly trendLabel: _angular_core.InputSignal<string>;
+    /** When false, hides the trend arrow (e.g. compact KPI row). */
+    readonly showTrendIcon: _angular_core.InputSignal<boolean>;
+    /** Sparkline series; omit or pass [] to hide the chart area. */
+    readonly chartData: _angular_core.InputSignal<readonly number[]>;
+    readonly chartColor: _angular_core.InputSignal<string>;
+    /** Figma chart box height; composed from spacing scale (40 + 6 px). */
+    readonly chartHeight: _angular_core.InputSignal<number>;
+    readonly chartLineWidth: _angular_core.InputSignal<number>;
+    readonly chartSmooth: _angular_core.InputSignal<boolean>;
+    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 showChart: _angular_core.Signal<boolean>;
+    /** Mutable series for `ncim-sparkline` — satisfies template assignability to `number[]`. */
+    readonly sparklineData: _angular_core.Signal<number[]>;
+    readonly titleLinkUrl: _angular_core.InputSignal<string>;
+    readonly titleLinkTarget: _angular_core.InputSignal<string>;
+    readonly percentageLabel: _angular_core.InputSignal<string>;
+    readonly percentageValue: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatsAnalyticsCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatsAnalyticsCard, "ncim-stats-analytics-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleLinkText": { "alias": "titleLinkText"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "percentage": { "alias": "percentage"; "required": false; "isSignal": true; }; "trend": { "alias": "trend"; "required": false; "isSignal": true; }; "trendLabel": { "alias": "trendLabel"; "required": false; "isSignal": true; }; "showTrendIcon": { "alias": "showTrendIcon"; "required": false; "isSignal": true; }; "chartData": { "alias": "chartData"; "required": false; "isSignal": true; }; "chartColor": { "alias": "chartColor"; "required": false; "isSignal": true; }; "chartHeight": { "alias": "chartHeight"; "required": false; "isSignal": true; }; "chartLineWidth": { "alias": "chartLineWidth"; "required": false; "isSignal": true; }; "chartSmooth": { "alias": "chartSmooth"; "required": false; "isSignal": true; }; "chartShowArea": { "alias": "chartShowArea"; "required": false; "isSignal": true; }; "surfaceGap": { "alias": "surfaceGap"; "required": false; "isSignal": true; }; "titleLinkUrl": { "alias": "titleLinkUrl"; "required": false; "isSignal": true; }; "titleLinkTarget": { "alias": "titleLinkTarget"; "required": false; "isSignal": true; }; "percentageLabel": { "alias": "percentageLabel"; "required": false; "isSignal": true; }; "percentageValue": { "alias": "percentageValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface AIChatAction {
+    type: string;
+    icon: string;
+}
+declare class AiChating {
+    readonly recommendationText: _angular_core.InputSignal<string>;
+    readonly recommendationLinkText: _angular_core.InputSignal<string>;
+    readonly recommendationLinkUrl: _angular_core.InputSignal<string>;
+    readonly actions: _angular_core.InputSignal<AIChatAction[]>;
+    readonly environment: _libs_core.Environment;
+    readonly actionClick: _angular_core.OutputEmitterRef<string>;
+    onAction(action: AIChatAction | string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AiChating, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AiChating, "ncim-ai-chating", never, { "recommendationText": { "alias": "recommendationText"; "required": false; "isSignal": true; }; "recommendationLinkText": { "alias": "recommendationLinkText"; "required": false; "isSignal": true; }; "recommendationLinkUrl": { "alias": "recommendationLinkUrl"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+interface ContestedViolationStatus {
+    label: string;
+    color: 'warning' | 'success' | 'danger' | 'neutral';
+    /** Optional custom text & indicator color — overrides the CSS modifier class */
+    textColor?: string;
+    /** Optional custom background color — overrides the CSS modifier class */
+    backgroundColor?: string;
+}
+interface ContestedViolationData {
+    title: string;
+    violationId: string;
+    date: string;
+    status: ContestedViolationStatus;
+    description: string;
+    entity: string;
+    penalty: string;
+}
+declare class ContestedViolation {
+    data: _angular_core.InputSignal<ContestedViolationData>;
+    detailsClick: _angular_core.OutputEmitterRef<void>;
+    readonly ICONS: {
+        readonly PAGES_ICONS: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19.002 1.25977C20.5198 1.26086 21.7498 2.49192 21.75 4.00977V19.999C21.7497 21.5176 20.5186 22.749 19 22.749H5C3.48137 22.749 2.25025 21.5176 2.25 19.999V4C2.25 2.48045 3.48241 1.24892 5.00195 1.25L19.002 1.25977ZM5.00098 2.75C4.31027 2.7495 3.75 3.30929 3.75 4V19.999C3.75025 20.6892 4.3098 21.249 5 21.249H19C19.6902 21.249 20.2497 20.6892 20.25 19.999V4.00977C20.2498 3.31995 19.6908 2.7603 19.001 2.75977L5.00098 2.75ZM10.5557 13.75C10.9698 13.7501 11.3057 14.0858 11.3057 14.5C11.3057 14.9142 10.9698 15.2499 10.5557 15.25H7C6.58579 15.25 6.25 14.9142 6.25 14.5C6.25 14.0858 6.58579 13.75 7 13.75H10.5557ZM15 8.75C15.4142 8.75 15.75 9.08579 15.75 9.5C15.75 9.91421 15.4142 10.25 15 10.25H7C6.58579 10.25 6.25 9.91421 6.25 9.5C6.25 9.08579 6.58579 8.75 7 8.75H15Z\" fill=\"currentColor\"/></svg>";
+        readonly PRINT_ICON: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><path d=\"M14.25 0C15.4926 0 16.5 1.00736 16.5 2.25V6H17.75C19.8211 6 21.5 7.67893 21.5 9.75V15.75C21.5 16.7165 20.7165 17.5 19.75 17.5H16.5V18.75C16.5 20.2688 15.2688 21.5 13.75 21.5H7.75C6.23122 21.5 5 20.2688 5 18.75V17.5H1.75C0.783502 17.5 0 16.7165 0 15.75V9.75C0 7.67893 1.67893 6 3.75 6H5V2.25C5 1.00736 6.00736 0 7.25 0H14.25ZM6.5 18.75C6.5 19.4404 7.05964 20 7.75 20H13.75C14.4404 20 15 19.4404 15 18.75V15.5H6.5V18.75ZM3.75 7.5C2.50736 7.5 1.5 8.50736 1.5 9.75V15.75C1.5 15.8881 1.61193 16 1.75 16H5V14.75C5 14.3358 5.33579 14 5.75 14H15.75C16.1642 14 16.5 14.3358 16.5 14.75V16H19.75C19.8881 16 20 15.8881 20 15.75V9.75C20 8.50736 18.9926 7.5 17.75 7.5H3.75ZM17.2588 9.25C17.8111 9.25 18.2588 9.69771 18.2588 10.25C18.2588 10.8023 17.8111 11.25 17.2588 11.25H17.25C16.6977 11.25 16.25 10.8023 16.25 10.25C16.25 9.69771 16.6977 9.25 17.25 9.25H17.2588ZM7.25 1.5C6.83579 1.5 6.5 1.83579 6.5 2.25V6H15V2.25C15 1.83579 14.6642 1.5 14.25 1.5H7.25Z\" fill=\"currentColor\"/></svg>";
+        readonly DELETE_ICON: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"22\" viewBox=\"0 0 20 22\" fill=\"none\"><path d=\"M11.5908 0C12.2908 8.59975e-05 12.9235 0.41719 13.1992 1.06055L14.2441 3.5H18.75C19.1642 3.5 19.5 3.83579 19.5 4.25C19.5 4.66421 19.1642 5 18.75 5H17.9561L17.1123 18.916C17.0243 20.3675 15.8214 21.5 14.3672 21.5H5.13281C3.67864 21.5 2.47567 20.3675 2.3877 18.916L1.54395 5H0.75C0.335786 5 0 4.66421 0 4.25C0 3.83579 0.335786 3.5 0.75 3.5H5.25586L6.30078 1.06055C6.57652 0.41719 7.20923 8.59974e-05 7.90918 0H11.5908ZM3.88477 18.8252C3.92475 19.485 4.47182 20 5.13281 20H14.3672C15.0282 20 15.5752 19.485 15.6152 18.8252L16.4531 5H3.04688L3.88477 18.8252ZM11.25 13.5C11.6642 13.5 12 13.8358 12 14.25C12 14.6642 11.6642 15 11.25 15H8.25C7.83579 15 7.5 14.6642 7.5 14.25C7.5 13.8358 7.83579 13.5 8.25 13.5H11.25ZM12.75 9.5C13.1642 9.5 13.5 9.83579 13.5 10.25C13.5 10.6642 13.1642 11 12.75 11H6.75C6.33579 11 6 10.6642 6 10.25C6 9.83579 6.33579 9.5 6.75 9.5H12.75ZM7.90918 1.5C7.80932 1.50009 7.71909 1.5596 7.67969 1.65137L6.8877 3.5H12.6123L11.8203 1.65137C11.7809 1.5596 11.6907 1.50009 11.5908 1.5H7.90918Z\" fill=\"currentColor\"/></svg>";
+        readonly COPY_ICON: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><g clip-path=\"url(#clip0_5613_101839)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.335 0.841797C14.3468 0.842691 15.1669 1.66294 15.167 2.67481V9.33496C15.167 10.3475 14.3455 11.1689 13.333 11.1689H12.5V13.334C12.5 14.3464 11.6794 15.1678 10.667 15.168H2.66699C1.65447 15.168 0.833008 14.3465 0.833008 13.334V6.00293C0.833008 4.9895 1.65556 4.16866 2.66895 4.16992L3.5 4.1709V2.66992C3.5 1.65692 4.32196 0.835265 5.33496 0.835938L13.335 0.841797ZM2.66797 5.16992C2.20727 5.16927 1.83301 5.54223 1.83301 6.00293V13.334C1.83301 13.7942 2.20675 14.168 2.66699 14.168H10.667C11.1271 14.1678 11.5 13.7941 11.5 13.334V11.1689H5.33301C4.32064 11.1688 3.5 10.3474 3.5 9.33496V5.1709L2.66797 5.16992ZM5.33398 1.83594C4.87353 1.83563 4.5 2.20947 4.5 2.66992V9.33496C4.5 9.79509 4.87292 10.1688 5.33301 10.1689H13.333C13.7932 10.1689 14.167 9.7952 14.167 9.33496V2.67481C14.1669 2.21487 13.7939 1.84216 13.334 1.8418L5.33398 1.83594Z\" fill=\"#384250\"/></g><defs><clipPath id=\"clip0_5613_101839\"><rect width=\"16\" height=\"16\" fill=\"white\"/></clipPath></defs></svg>";
+        readonly MESSAGE_ICON: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"96\" height=\"94\" fill=\"none\" viewBox=\"0 0 96 94\"><g filter=\"url(#a)\"><path fill=\"url(#b)\" d=\"M23.47 44.623c2.974 2.337 6.679 3.59 10.415 4.204q.49.085.983.147 1.134.158 2.275.255a3.85 3.85 0 0 1 3.519 3.836v5.255c0 .794.984 1.184 1.51.588 1.878-2.134 4.901-3.994 8.069-5.517.925-.451 1.867-.868 2.801-1.253 5.212-2.18 10.038-3.409 10.038-3.409q1.206-.28 2.377-.673c.048-.016.09-.024.13-.04q.331-.111.647-.22l.09-.034v-.008c3.287-1.205 6.31-3.073 8.547-5.736 3.147-3.753 4.474-8.71 4.974-13.577.64-6.294-.05-13.103-3.531-18.527C72.78 4.4 66.882 1.416 60.524.474c-5.425-.811-10.939-.36-16.43-.246C37.4.376 30.207.146 24.61 3.833c-3.195 2.106-5.548 5.352-6.973 8.908-1.434 3.556-1.983 7.408-2.065 11.242-.171 7.637 1.877 15.92 7.9 20.64\"/><path fill=\"url(#c)\" d=\"M62.292 37.959c-1.77 1.389-3.974 2.135-6.196 2.501a13 13 0 0 1-.62.092c-1.94.27-3.413 1.872-3.413 3.83v.863c0 .754-.9 1.16-1.452.647-1.112-1.035-2.65-1.948-4.248-2.717-.55-.268-1.11-.517-1.667-.745-3.1-1.297-5.972-2.029-5.972-2.029q-.72-.166-1.415-.4c-.029-.01-.053-.015-.077-.024l-.44-.152v-.004c-1.954-.717-3.754-1.829-5.084-3.414-1.873-2.232-2.662-5.181-2.96-8.078-.38-3.744.03-7.797 2.1-11.024 2.102-3.281 5.613-5.056 9.397-5.616 3.227-.483 6.509-.215 9.775-.147 3.983.088 8.264-.049 11.594 2.145 1.901 1.253 3.301 3.185 4.15 5.3.853 2.117 1.18 4.407 1.228 6.69.102 4.544-1.116 9.473-4.7 12.282\" opacity=\".51\" style=\"mix-blend-mode:multiply\"/><path fill=\"url(#d)\" d=\"m44.799 49.56 5.44 3.828a50 50 0 0 1 2.802-1.253c5.212-2.18 10.038-3.408 10.038-3.408s-5.162 1.35-18.28.833\" opacity=\".51\" style=\"mix-blend-mode:multiply\"/><path fill=\"#fff\" d=\"M62.292 35.817c-1.77 1.39-3.974 2.136-6.196 2.501q-.294.052-.586.088l-.034.005c-1.94.27-3.413 1.872-3.413 3.83v.863c0 .754-.9 1.16-1.452.647-1.112-1.035-2.65-1.948-4.248-2.716-.55-.269-1.11-.517-1.667-.747-3.1-1.297-5.972-2.028-5.972-2.028q-.72-.167-1.415-.4c-.029-.01-.053-.015-.077-.024l-.44-.151v-.005c-1.954-.716-3.754-1.828-5.084-3.413-1.873-2.233-2.662-5.183-2.96-8.079-.38-3.745.03-7.796 2.1-11.023 2.102-3.282 5.613-5.056 9.397-5.617 3.227-.483 6.509-.215 9.775-.147 3.983.088 8.264-.048 11.594 2.146 1.901 1.253 3.301 3.183 4.15 5.3.853 2.116 1.18 4.407 1.228 6.688.102 4.544-1.116 9.474-4.7 12.282\"/><path fill=\"url(#e)\" d=\"m49.6 38.754-3.237 2.278c-.55-.268-1.11-.517-1.667-.747-3.101-1.297-5.972-2.027-5.972-2.027s3.07.803 10.877.496\" opacity=\".51\" style=\"mix-blend-mode:multiply\"/><path fill=\"url(#f)\" d=\"M54.255 24.653a3.707 3.707 0 1 0 7.414 0 3.707 3.707 0 0 0-7.414 0\" opacity=\".51\" style=\"mix-blend-mode:multiply\"/><path fill=\"url(#g)\" d=\"M44.103 24.653a3.707 3.707 0 1 0 7.414 0 3.707 3.707 0 0 0-7.414 0\" opacity=\".51\" style=\"mix-blend-mode:multiply\"/><path fill=\"url(#h)\" d=\"M33.95 24.653a3.707 3.707 0 1 0 7.415 0 3.707 3.707 0 0 0-7.415 0\" opacity=\".51\" style=\"mix-blend-mode:multiply\"/></g><defs><linearGradient id=\"b\" x1=\"108.145\" x2=\"75.64\" y1=\"95.649\" y2=\"1.916\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#19004d\"/><stop offset=\"1\" stop-color=\"#54c08a\"/></linearGradient><linearGradient id=\"c\" x1=\"31.993\" x2=\"31.312\" y1=\"17.063\" y2=\"50.677\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".606\" stop-color=\"#19004d\" stop-opacity=\".91\"/><stop offset=\".746\" stop-color=\"#a58cf4\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"d\" x1=\"54.82\" x2=\"50.338\" y1=\"44.667\" y2=\"56.993\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".512\" stop-color=\"#19004d\" stop-opacity=\".91\"/><stop offset=\".76\" stop-color=\"#a58cf4\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"e\" x1=\"43.638\" x2=\"46.304\" y1=\"35.842\" y2=\"43.176\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".512\" stop-color=\"#1b8354\"/><stop offset=\".76\" stop-color=\"#1b8354\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"f\" x1=\"66.672\" x2=\"56.235\" y1=\"32.49\" y2=\"8.404\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".267\" stop-color=\"#1b8354\"/><stop offset=\".63\" stop-color=\"#fff\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"g\" x1=\"56.52\" x2=\"46.083\" y1=\"32.49\" y2=\"8.404\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".267\" stop-color=\"#1b8354\"/><stop offset=\".63\" stop-color=\"#fff\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"h\" x1=\"46.368\" x2=\"35.931\" y1=\"32.49\" y2=\"8.404\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".267\" stop-color=\"#1b8354\"/><stop offset=\".63\" stop-color=\"#fff\" stop-opacity=\"0\"/></linearGradient><filter id=\"a\" width=\"95.62\" height=\"93.256\" x=\"0\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feMorphology in=\"SourceAlpha\" radius=\"14.439\" result=\"effect1_dropShadow_6167_40545\"/><feOffset dy=\"18.5\"/><feGaussianBlur stdDeviation=\"15\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0.105882 0 0 0 0 0.513726 0 0 0 0 0.329412 0 0 0 0.24 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6167_40545\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_6167_40545\" result=\"shape\"/></filter></defs></svg>";
+        readonly SAR_ICON: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"17\" fill=\"none\" viewBox=\"0 0 16 17\"><path fill=\"#161616\" d=\"M15.213 13.022a6.7 6.7 0 0 0 .558-2.084l-4.807 1.022V9.995l4.249-.903a6.7 6.7 0 0 0 .558-2.084l-4.807 1.021V.961A6.8 6.8 0 0 0 9.04 2.575v5.863l-1.922.409V0a6.8 6.8 0 0 0-1.923 1.613v7.642l-4.301.914a6.7 6.7 0 0 0-.559 2.084l4.86-1.032v2.475l-5.208 1.106a6.7 6.7 0 0 0-.558 2.085l5.452-1.159a1.73 1.73 0 0 0 1.073-.716l1-1.482a.96.96 0 0 0 .164-.538v-2.18l1.922-.409v3.931z\"/></svg>";
+        readonly LAYERS_ICON: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"18\" fill=\"none\" viewBox=\"0 0 17 18\"><path fill=\"#1f2a37\" d=\"M14.296 11.785c.28-.36.79-.42 1.142-.133.435.356.812.846.812 1.529 0 .862-.593 1.408-1.173 1.79-.583.385-1.426.779-2.44 1.253l-1.447.675-.156.074c-1.19.557-2.016.943-2.909.943s-1.718-.386-2.91-.943l-.154-.074-1.448-.675c-1.014-.474-1.857-.868-2.44-1.252C.593 14.589 0 14.042 0 13.18c0-.683.377-1.173.813-1.529a.8.8 0 0 1 1.141.133c.28.36.222.884-.129 1.171a.8.8 0 0 0-.19.197c-.01.019-.01.024-.01.027l.001.008a.2.2 0 0 0 .03.05c.053.07.165.18.396.331.472.311 1.206.657 2.298 1.167l1.384.647c1.41.659 1.895.866 2.391.866s.981-.207 2.39-.866l1.385-.647c1.092-.51 1.826-.856 2.298-1.167.23-.152.343-.261.396-.33a.2.2 0 0 0 .03-.05l.001-.008v-.001c0-.003 0-.008-.01-.027a.8.8 0 0 0-.19-.197.85.85 0 0 1-.13-1.17m0-4.27c.28-.36.79-.42 1.142-.133.435.356.812.846.812 1.528 0 .862-.593 1.408-1.173 1.79-.583.384-1.426.78-2.44 1.253l-1.447.676-.156.073c-1.19.557-2.016.944-2.909.944s-1.718-.387-2.91-.944l-.154-.073-1.448-.676c-1.014-.474-1.857-.869-2.44-1.253C.593 10.318 0 9.772 0 8.91c0-.682.377-1.172.813-1.528a.8.8 0 0 1 1.141.133c.28.36.222.884-.129 1.17a.8.8 0 0 0-.19.198c-.01.018-.01.022-.01.025v.002l.001.008c.001.003.008.02.03.05.053.07.165.18.396.33.472.312 1.206.657 2.298 1.167l1.384.647c1.41.659 1.895.867 2.391.867s.981-.208 2.39-.867l1.385-.647c1.092-.51 1.826-.855 2.298-1.166.23-.152.343-.262.396-.331a.2.2 0 0 0 .03-.05l.001-.008v-.002c0-.003 0-.007-.01-.025a.8.8 0 0 0-.19-.197.85.85 0 0 1-.13-1.171M8.125 0c.871 0 1.68.374 2.928.951l.132.06 1.47.68c1.052.486 1.905.882 2.49 1.263.586.382 1.105.879 1.105 1.629s-.519 1.247-1.104 1.629-1.44.777-2.49 1.263l-1.471.68-.132.06c-1.249.577-2.057.951-2.928.951s-1.68-.374-2.928-.951l-.132-.06-1.47-.68c-1.052-.486-1.905-.882-2.49-1.263C.518 5.83 0 5.334 0 4.583c0-.75.519-1.247 1.104-1.629s1.44-.777 2.49-1.263l1.471-.68.132-.06C6.446.374 7.254 0 8.125 0\"/></svg>";
+        readonly FILE_ICON: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"17\" fill=\"none\" viewBox=\"0 0 18 17\"><path fill=\"#1b8354\" d=\"M6.904 0a1.63 1.63 0 0 1 1.348.705l1.14 1.67h4.428c1.342 0 2.43 1.063 2.43 2.375v1.917h.184c.97 0 1.715.922 1.419 1.882l-2.059 6.667a1.48 1.48 0 0 1-1.418 1.034H2.855c-.694 0-1.311-.477-1.454-1.169L.031 8.414c-.19-.925.537-1.747 1.452-1.747h.183V1.583C1.666.709 2.392 0 3.286 0zM3.286 6.667H14.63V4.75a.8.8 0 0 0-.81-.792H8.96a.82.82 0 0 1-.676-.353L6.904 1.583H3.286z\"/></svg>";
+        readonly INFO_CIRCLE: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/></svg>";
+        readonly SAND_GLASS: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 22h14\"/><path d=\"M5 2h14\"/><path d=\"M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22\"/><path d=\"M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2\"/></svg>";
+    };
+    onDetailsClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContestedViolation, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContestedViolation, "ncim-contested-violation", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, { "detailsClick": "detailsClick"; }, never, never, true, never>;
+}
+
+declare class RangeBar implements ControlValueAccessor {
+    readonly min: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly showValues: _angular_core.InputSignal<boolean>;
+    readonly value: _angular_core.InputSignal<number | [number, number]>;
+    readonly valueChange: _angular_core.OutputEmitterRef<number | [number, number]>;
+    protected readonly internalValue: _angular_core.WritableSignal<number | [number, number]>;
+    protected readonly isRange: _angular_core.Signal<boolean>;
+    protected startValue: _angular_core.Signal<number | [number, number]>;
+    protected endValue: _angular_core.Signal<number>;
+    protected isDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly ngControl;
+    constructor();
+    writeValue(value: number | [number, number]): void;
+    registerOnChange(fn: (value: number | [number, number]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onChange(): void;
+    protected onTouched(): void;
+    private onChangeFn;
+    private onTouchedFn;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeBar, "ncim-range-bar", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+interface SearchableUserListItem {
+    id: string;
+    name: string;
+}
+declare class SearchableUsersList {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly users: _angular_core.InputSignal<SearchableUserListItem[]>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly deleteUser: _angular_core.OutputEmitterRef<SearchableUserListItem>;
+    protected readonly searchQuery: _angular_core.WritableSignal<string>;
+    protected readonly filteredUsers: _angular_core.Signal<SearchableUserListItem[]>;
+    protected onSearchInput(event: Event): void;
+    protected onDeleteClick(user: SearchableUserListItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchableUsersList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchableUsersList, "ncim-searchable-users-list", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "deleteUser": "deleteUser"; }, never, never, true, never>;
+}
+
+declare class CompleteTraining {
+    readonly illustration: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly progress: _angular_core.InputSignal<number>;
+    readonly buttonLabel: _angular_core.InputSignal<string>;
+    readonly nextStep: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CompleteTraining, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CompleteTraining, "ncim-complete-training", never, { "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; }, { "nextStep": "nextStep"; }, never, never, true, never>;
+}
+
+declare class BasicCard {
+    label: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<string>;
+    fullWidth: _angular_core.InputSignal<boolean>;
+    /** `field`: label/value row inside a parent panel (no own surface); `card`: standalone padded tile. */
+    layout: _angular_core.InputSignal<"field" | "card">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BasicCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicCard, "ncim-basic-card", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface RequestStatus {
+    label: string;
+    color: 'warning' | 'success' | 'danger' | 'neutral';
+}
+interface RequestHeaderMetaItem {
+    label: string;
+    value: string;
+    icon: string;
+}
+declare class RequestHeader {
+    title: _angular_core.InputSignal<string>;
+    requestId: _angular_core.InputSignal<string>;
+    status: _angular_core.InputSignal<RequestStatus>;
+    metaItems: _angular_core.InputSignal<RequestHeaderMetaItem[]>;
+    data: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RequestHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RequestHeader, "ncim-request-header", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "requestId": { "alias": "requestId"; "required": true; "isSignal": true; }; "status": { "alias": "status"; "required": true; "isSignal": true; }; "metaItems": { "alias": "metaItems"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class RequestDetailsCard {
+    title: _angular_core.InputSignal<string>;
+    requestId: _angular_core.InputSignal<string>;
+    status: _angular_core.InputSignal<RequestStatus>;
+    metaItems: _angular_core.InputSignal<RequestHeaderMetaItem[]>;
+    data: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RequestDetailsCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RequestDetailsCard, "ncim-request-details-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "requestId": { "alias": "requestId"; "required": true; "isSignal": true; }; "status": { "alias": "status"; "required": true; "isSignal": true; }; "metaItems": { "alias": "metaItems"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface ViolationBreadcrumbItem {
+    label: string;
+    url?: string;
+}
+interface ActionButton {
+    label: string;
+    icon: string;
+    action: string;
+    disabled?: boolean;
+    /** When true, shows a spinner on this button and disables it. */
+    loading?: boolean;
+}
+declare class ViolationHeader {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly breadcrumbs: _angular_core.InputSignal<ViolationBreadcrumbItem[]>;
+    readonly actions: _angular_core.InputSignal<ActionButton[]>;
+    readonly actionClick: _angular_core.OutputEmitterRef<string>;
+    readonly data: _angular_core.InputSignal<string | undefined>;
+    onActionClick(action: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViolationHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViolationHeader, "ncim-violation-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+interface Attachment {
+    id: string;
+    name: string;
+    type?: 'pdf' | 'image';
+    url: string;
+    previewUrl?: string;
+}
+declare class Attachments {
+    attachments: _angular_core.InputSignal<Attachment[]>;
+    title: _angular_core.InputSignal<string>;
+    downloadFile: _angular_core.OutputEmitterRef<string>;
+    violation: _angular_core.InputSignal<boolean>;
+    /** When true, PDF rows use a responsive 2-column grid (license-style layout). */
+    twoColumnGrid: _angular_core.InputSignal<boolean>;
+    /** Icon asset under assets/ncim-icons (e.g. stack, pdf). */
+    pdfIconName: _angular_core.InputSignal<string>;
+    pdfIconSize: _angular_core.InputSignal<number>;
+    getAttachmentType(attachment: Attachment): 'pdf' | 'image';
+    onDownload(fileId: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Attachments, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Attachments, "ncim-attachments", never, { "attachments": { "alias": "attachments"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "violation": { "alias": "violation"; "required": false; "isSignal": true; }; "twoColumnGrid": { "alias": "twoColumnGrid"; "required": false; "isSignal": true; }; "pdfIconName": { "alias": "pdfIconName"; "required": false; "isSignal": true; }; "pdfIconSize": { "alias": "pdfIconSize"; "required": false; "isSignal": true; }; }, { "downloadFile": "downloadFile"; }, never, never, true, never>;
+}
+
+interface InspectorObservation {
+    reason?: string;
+    notes: string;
+    attachments: Attachment[];
+}
+interface Recommendation {
+    text: string;
+    linkText: string;
+    linkUrl: string;
+    actions: {
+        type: 'like' | 'dislike' | 'chat';
+        label?: string;
+        icon: string;
+    }[];
+}
+interface CriteriaItem {
+    id: number;
+    title: string;
+    tag: string;
+    status?: 'success' | 'warning' | 'info' | 'danger';
+    score: string;
+    description: string;
+    inspectorObservation: InspectorObservation;
+}
+interface CriteriaSectionData {
+    title: string;
+    criteria: CriteriaItem[];
+}
+declare class CriteriaSection {
+    criteriaData: _angular_core.InputSignal<CriteriaSectionData | null>;
+    recommendation: _angular_core.InputSignal<Recommendation | null>;
+    actionClick: _angular_core.OutputEmitterRef<string>;
+    downloadFile: _angular_core.OutputEmitterRef<string>;
+    aiActionClick: _angular_core.OutputEmitterRef<string>;
+    activeAccordionIndex: _angular_core.InputSignal<number>;
+    onActionClick(actionType: string): void;
+    onDownload(fileId: string): void;
+    onAiAction(actionType: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CriteriaSection, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CriteriaSection, "ncim-criteria-section", never, { "criteriaData": { "alias": "criteriaData"; "required": false; "isSignal": true; }; "recommendation": { "alias": "recommendation"; "required": false; "isSignal": true; }; "activeAccordionIndex": { "alias": "activeAccordionIndex"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "downloadFile": "downloadFile"; "aiActionClick": "aiActionClick"; }, never, never, true, never>;
+}
+
+declare enum ViolationStatusType {
+    PendingPayment = 1,
+    Paid = 2,
+    ConfirmedViolation = 3,
+    UnderAppeal = 4
+}
+interface ViolationStatus {
+    label: string;
+    type: any;
+    /** Optional custom text & dot color — overrides the CSS class color */
+    color?: string;
+    /** Optional custom background color — overrides the CSS class background */
+    backgroundColor?: string;
+}
+interface ViolationInfoLabels {
+    title?: string;
+    violatorLabel?: string;
+    nationalNumberLabel?: string;
+    activityLabel?: string;
+    entityLabel?: string;
+    createdDateLabel?: string;
+    referenceNumberLabel?: string;
+}
+interface Violation {
+    id: number;
+    entity: string;
+    fine: ViolationFine;
+    business: ViolationBusiness;
+    correctionPeriod: ViolationCorrectionPeriod;
+    /** ISO date string e.g. '2025-11-03' */
+    date: string;
+    status: ViolationStatus;
+}
+interface ViolationInfo {
+    violationNumber: string;
+    referenceNumber: string;
+    status: ViolationStatus;
+    entityName: string;
+    entityLogo: string;
+    location: string;
+    emirate: string;
+    activity: string;
+    nationalNumber: string;
+    createdDate: Date;
+    labels?: ViolationInfoLabels;
+    violation?: boolean;
+    applicant?: string;
+    violatorName?: string;
+}
+declare class ViolationInfoCard {
+    readonly violationInfo: _angular_core.InputSignal<ViolationInfo | null>;
+    readonly environment: _libs_core.Environment;
+    readonly copied: _angular_core.OutputEmitterRef<string>;
+    private readonly defaultLabels;
+    readonly labels: _angular_core.Signal<ViolationInfoLabels>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViolationInfoCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViolationInfoCard, "ncim-violation-info-card", never, { "violationInfo": { "alias": "violationInfo"; "required": false; "isSignal": true; }; }, { "copied": "copied"; }, never, never, true, never>;
+}
+
+/**
+ * Configuration for correction period display.
+ */
+interface CorrectionPeriodConfig {
+    barColor: string;
+    textColor: string;
+    iconName: string;
+}
+
+interface ViolationSummaryLabels {
+    violationDegreeLabel?: string;
+    repeatCountLabel?: string;
+    unitsLabel?: string;
+    progressLabel?: string;
+    dayLabel?: string;
+    typeOfObjectionLabel?: string;
+}
+interface ViolationSummary {
+    title?: string;
+    violationDegree?: string;
+    violationType?: string;
+    repeatCount?: string;
+    units?: string;
+    daysRemaining?: number;
+    totalDays?: number;
+    progressLabel?: string;
+    endDate?: Date;
+    labels?: ViolationSummaryLabels;
+    typeOfObjection?: string;
+}
+declare class ViolationSummaryCard {
+    readonly summary: _angular_core.InputSignal<ViolationSummary | null>;
+    private readonly defaultLabels;
+    readonly labels: _angular_core.Signal<ViolationSummaryLabels>;
+    readonly calculatedDaysRemaining: _angular_core.Signal<number>;
+    readonly calculatedTotalDays: _angular_core.Signal<number | null>;
+    readonly progressPercentage: _angular_core.Signal<number>;
+    readonly progressConfig: _angular_core.Signal<CorrectionPeriodConfig>;
+    readonly progressColor: _angular_core.Signal<string>;
+    readonly progressTextColor: _angular_core.Signal<string>;
+    readonly progressIconName: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViolationSummaryCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViolationSummaryCard, "ncim-violation-summary-card", never, { "summary": { "alias": "summary"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface PenaltyBadgeLabels {
+    title?: string;
+    durationLabel?: string;
+    fineLabel?: string;
+    objectionText?: string;
+    objectionLink?: string;
+    deadlineLabel?: string;
+}
+interface PenaltyInfo {
+    penaltyType?: string;
+    duration?: string;
+    amount?: number;
+    stampText?: string;
+    stampDate?: Date;
+    objectionDeadline?: string;
+    objectionEndDate?: Date;
+    labels?: PenaltyBadgeLabels;
+    state?: boolean;
+    image?: string;
+    successMessage?: string;
+    resolution?: string;
+}
+declare class PenaltyBadge {
+    penalty: _angular_core.InputSignal<PenaltyInfo | null>;
+    customStamp: _angular_core.InputSignal<boolean | undefined>;
+    objectionLinkClick: _angular_core.OutputEmitterRef<void>;
+    defaultLabels: PenaltyBadgeLabels;
+    get labels(): PenaltyBadgeLabels;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PenaltyBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PenaltyBadge, "ncim-penalty-badge", never, { "penalty": { "alias": "penalty"; "required": false; "isSignal": true; }; "customStamp": { "alias": "customStamp"; "required": false; "isSignal": true; }; }, { "objectionLinkClick": "objectionLinkClick"; }, never, ["[stamp]"], true, never>;
+}
+
+type DgaTagVariant = 'neutral' | 'success' | 'danger' | 'warning' | 'info' | 'purple';
+type DgaTagStyle = 'subtle' | 'inverted' | 'outline';
+type DgaTagSize = 'default' | 'sm' | 'xs';
+declare class DgaTag {
+    readonly variant: _angular_core.InputSignal<DgaTagVariant>;
+    readonly style: _angular_core.InputSignal<DgaTagStyle>;
+    readonly size: _angular_core.InputSignal<DgaTagSize>;
+    readonly textDark: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly tagClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaTag, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaTag, "ncim-dga-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textDark": { "alias": "textDark"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface TimelineStep {
+    /** Label or i18n key for the step */
+    label: string;
+    /** Date for formatting. Ignored when dateDisplay is set. */
+    date: Date;
+    /** Whether this step is the active/latest one */
+    isActive?: boolean;
+    /** Optional pre-formatted date string. When set, used instead of date pipe. */
+    dateDisplay?: string;
+}
+interface TimelineData {
+    title: string;
+    timelineSteps: TimelineStep[];
+}
+declare class ViolationTimeline {
+    timeline: _angular_core.InputSignal<TimelineData | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViolationTimeline, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViolationTimeline, "ncim-violation-timeline", never, { "timeline": { "alias": "timeline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface Permit {
+    title: string;
+    number: string;
+    startDate: string;
+    endDate: string;
+    status: 'valid' | 'expiring' | 'expired';
+    statusLabel: string;
+}
+interface VisitDetailsData {
+    visitNumber: string;
+    visitDate: string;
+    supervisionType: string;
+    licenseStatus: 'valid' | 'expired' | string;
+    licenseStatusLabel: string;
+    permits: Permit[];
+}
+declare class VisitDetails {
+    data: _angular_core.InputSignal<VisitDetailsData>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VisitDetails, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VisitDetails, "ncim-visit-details", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a single status box within the summary card.
+ */
+interface SummaryStatusItem {
+    /** Label for the status (e.g., 'ممتثل') */
+    label: string;
+    /** Numerical value to display */
+    value: number;
+    /** Status type for styling: 'success' | 'warning' | 'info' | 'danger' */
+    status: 'success' | 'warning' | 'info' | 'danger';
+    /** Icon name from the ncim-icon set */
+    icon: string;
+}
+/**
+ * Complete data structure for the Inspection Summary Card.
+ */
+interface InspectionSummaryData {
+    itemsCount: string | null | undefined;
+    /** Main card title (e.g., 'نتيجة الفحص الفني') */
+    title: string;
+    /** Total items count */
+    totalCount: number;
+    /** Label for total items (e.g., 'بند') */
+    totalCountLabel: string;
+    /** List of individual status summaries */
+    stats: SummaryStatusItem[];
+    /** Latest approval/visit date */
+    approvalDate: string;
+}
+declare class InspectionSummaryCard {
+    data: _angular_core.InputSignal<InspectionSummaryData | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InspectionSummaryCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InspectionSummaryCard, "ncim-inspection-summary-card", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class IconCard {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly subTitle: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<IconName>;
+    readonly backgroundColor: _angular_core.InputSignal<string>;
+    readonly iconSize: _angular_core.InputSignal<number>;
+    readonly isSelected: _angular_core.InputSignal<boolean>;
+    readonly isDisabled: _angular_core.InputSignal<boolean>;
+    readonly useTranslate: _angular_core.InputSignal<boolean>;
+    readonly clickable: _angular_core.InputSignal<boolean>;
+    readonly clicked: _angular_core.OutputEmitterRef<void>;
+    onSpaceKey(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconCard, "ncim-icon-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "useTranslate": { "alias": "useTranslate"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+declare class FormError {
+    readonly show: _angular_core.InputSignal<boolean>;
+    readonly messageKey: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormError, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormError, "ncim-form-error", never, { "show": { "alias": "show"; "required": true; "isSignal": true; }; "messageKey": { "alias": "messageKey"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FormLabel {
+    readonly text: _angular_core.InputSignal<string>;
+    readonly subText: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormLabel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormLabel, "ncim-form-label", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "subText": { "alias": "subText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded' | 'avatar' | 'button' | 'chip' | 'card' | 'image' | 'header' | 'paragraph' | 'divider' | 'badge' | 'input';
+type SkeletonAnimation = 'pulse' | 'wave' | 'none';
+declare class Skeleton {
+    /** Shape variant of the skeleton */
+    readonly variant: _angular_core.InputSignal<SkeletonVariant>;
+    /** Animation style */
+    readonly animation: _angular_core.InputSignal<SkeletonAnimation>;
+    /** Width — accepts any CSS value (px, %, rem, etc.). Defaults to 100% for most variants. */
+    readonly width: _angular_core.InputSignal<string>;
+    /** Height — accepts any CSS value. Auto-calculated for text variant if not set. */
+    readonly height: _angular_core.InputSignal<string>;
+    /** Border radius — override the variant's default radius */
+    readonly borderRadius: _angular_core.InputSignal<string>;
+    /** Number of skeleton lines to render (useful for paragraph placeholders) */
+    readonly count: _angular_core.InputSignal<number>;
+    /** Gap between repeated lines */
+    readonly gap: _angular_core.InputSignal<string>;
+    /** Whether the last line in a multi-line skeleton should be shorter */
+    readonly shrinkLastLine: _angular_core.InputSignal<boolean>;
+    /** Custom aspect ratio (e.g. '16/9', '1/1') — sets height automatically via CSS */
+    readonly aspectRatio: _angular_core.InputSignal<string>;
+    /** Lines array derived from count */
+    readonly lines: _angular_core.Signal<number[]>;
+    /** Whether this is a multi-line skeleton */
+    readonly isMultiLine: _angular_core.Signal<boolean>;
+    /** Computed inline styles for the skeleton element */
+    readonly skeletonStyles: _angular_core.Signal<Record<string, string>>;
+    /** Computed container styles (gap for multi-line) */
+    readonly containerStyles: _angular_core.Signal<Record<string, string>>;
+    /** Whether a specific line is the last and should shrink */
+    isLastLine(index: number): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Skeleton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Skeleton, "ncim-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "shrinkLastLine": { "alias": "shrinkLastLine"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Indeterminate loading spinner. Use for loading states (e.g. SSO redirect, form submission).
+ */
+declare class Spinner {
+    /** Size in pixels. Default 48. */
+    readonly size: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Spinner, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Spinner, "ncim-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Presentational component for SSO error display.
+ * Receives all data via inputs — no route, router, or business logic.
+ *
+ * Use from a smart container that reads route params and passes the data.
+ */
+declare class SsoErrorDisplay {
+    /** SSO error code (e.g. 'access_denied'). */
+    readonly errorCode: _angular_core.InputSignal<string>;
+    /** Server-provided description, or null to use errorMessageKey. */
+    readonly errorDescription: _angular_core.InputSignal<string | null>;
+    /** i18n key for message when errorDescription is null (e.g. AUTH.SSO.ERROR.CODES.access_denied). */
+    readonly errorMessageKey: _angular_core.InputSignal<string>;
+    /** Whether to show the error code badge. */
+    readonly showCodeBadge: _angular_core.InputSignal<boolean>;
+    /** Whether to show the "Try Again" retry button (for recoverable errors). */
+    readonly showRetryButton: _angular_core.InputSignal<boolean>;
+    /** Router path for the "Back to login" link. */
+    readonly loginPath: _angular_core.InputSignal<string>;
+    /** i18n key for the page title. */
+    readonly titleKey: _angular_core.InputSignal<string>;
+    /** i18n key for the code label. */
+    readonly codeLabelKey: _angular_core.InputSignal<string>;
+    /** i18n key for the back button. */
+    readonly backToLoginKey: _angular_core.InputSignal<string>;
+    /** i18n key for the retry button. */
+    readonly retryLabelKey: _angular_core.InputSignal<string>;
+    /** Emitted when the user clicks the retry button. */
+    readonly retryClick: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SsoErrorDisplay, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SsoErrorDisplay, "ncim-sso-error-display", never, { "errorCode": { "alias": "errorCode"; "required": true; "isSignal": true; }; "errorDescription": { "alias": "errorDescription"; "required": false; "isSignal": true; }; "errorMessageKey": { "alias": "errorMessageKey"; "required": true; "isSignal": true; }; "showCodeBadge": { "alias": "showCodeBadge"; "required": false; "isSignal": true; }; "showRetryButton": { "alias": "showRetryButton"; "required": false; "isSignal": true; }; "loginPath": { "alias": "loginPath"; "required": true; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "codeLabelKey": { "alias": "codeLabelKey"; "required": false; "isSignal": true; }; "backToLoginKey": { "alias": "backToLoginKey"; "required": false; "isSignal": true; }; "retryLabelKey": { "alias": "retryLabelKey"; "required": false; "isSignal": true; }; }, { "retryClick": "retryClick"; }, never, never, true, never>;
+}
+
+/**
+ * Presentational component for SSO callback loading state.
+ * Shows spinner and redirect message — no redirect logic.
+ *
+ * Use from a smart container that handles the actual redirect.
+ */
+declare class SsoCallbackView {
+    /** i18n key for the title (e.g. "Redirecting..."). */
+    readonly titleKey: _angular_core.InputSignal<string>;
+    /** i18n key for the description message. */
+    readonly messageKey: _angular_core.InputSignal<string>;
+    /** Spinner size in pixels. */
+    readonly spinnerSize: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SsoCallbackView, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SsoCallbackView, "ncim-sso-callback-view", never, { "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "messageKey": { "alias": "messageKey"; "required": false; "isSignal": true; }; "spinnerSize": { "alias": "spinnerSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Icon {
+    name: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<number>;
+    height: _angular_core.InputSignal<number | null | undefined>;
+    iconSrc: _angular_core.Signal<string>;
+    private getIconSrc;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Icon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Icon, "ncim-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface IconItem {
+    name: string;
+    displayName: string;
+}
+declare class IconsDocument {
+    private readonly messageService;
+    readonly searchTerm: _angular_core.WritableSignal<string>;
+    readonly icons: IconItem[];
+    readonly filteredIcons: _angular_core.Signal<IconItem[]>;
+    onSearchInput(event: Event): void;
+    copyToClipboard(iconName: string): void;
+    private toDisplayName;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconsDocument, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconsDocument, "ncim-icons-document", never, {}, {}, never, never, true, never>;
+}
+
+/** Sector shape for entity summary card; compatible with RegulatedSectorType from features. */
+interface EntitySummarySector {
+    id: string | number;
+    name: string;
+    label: string;
+    icon: string;
+    routerLink?: string;
+}
+declare class EntitySummaryCard {
+    readonly logo: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly sectors: _angular_core.InputSignal<EntitySummarySector[]>;
+    readonly sectorClick: _angular_core.OutputEmitterRef<string>;
+    readonly infoClick: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntitySummaryCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntitySummaryCard, "ncim-entity-summary-card", never, { "logo": { "alias": "logo"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "sectors": { "alias": "sectors"; "required": true; "isSignal": true; }; }, { "sectorClick": "sectorClick"; "infoClick": "infoClick"; }, never, never, true, never>;
+}
+
+declare class CategoryTile {
+    readonly icon: _angular_core.InputSignal<string>;
+    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">;
+    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>;
+}
+
+declare class CreateCategoryTile {
+    title: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    createButtonLabel: _angular_core.InputSignal<string>;
+    createClick: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CreateCategoryTile, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CreateCategoryTile, "ncim-create-category-tile", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "createButtonLabel": { "alias": "createButtonLabel"; "required": true; "isSignal": true; }; }, { "createClick": "createClick"; }, never, never, true, never>;
+}
+
+/** ECharts tooltip callback parameter shape for axis-triggered tooltips. */
+interface EChartTooltipParam {
+    axisValueLabel?: string;
+    name: string;
+    marker: string;
+    seriesName: string;
+    value: number | null;
+}
+/** Single series point (e.g. for pie/donut). */
+interface ChartSeriesItem {
+    name: string;
+    value: number;
+    color?: string;
+}
+/** Line/area series with multiple data points. */
+interface ChartLineSeriesData {
+    name: string;
+    data: number[];
+    color?: string;
+    accentColor?: string;
+}
+/** Legend entry for chart legends. */
+interface ChartLegendItem {
+    name: string;
+    color: string;
+}
+/** Tooltip row (label + value). */
+interface ChartTooltipData {
+    label: string;
+    value: string | number;
+    color?: string;
+}
+/** Badge icon for map card status. Use MapLegendStatus enum values. */
+type MapMarkerBadgeIcon = MapLegendStatus;
+/** Marker for map view (lat/lng, title, score, trend). */
+interface MapMarkerData {
+    lat: number;
+    lng: number;
+    title: string;
+    subtitle: string;
+    score: number;
+    violations: number;
+    trendValue?: number;
+    trendDirection?: TrendDirection;
+    statusText?: string;
+    /** i18n key for status (e.g. REGULATORY_DASHBOARD.STATUS_CONFIRMED). Used when statusText is not provided. */
+    statusKey?: string;
+    statusType?: MarkerStatus;
+    /** Override badge icon/colors when statusType alone is ambiguous. Uses MapLegendStatus. */
+    statusBadgeIcon?: MapMarkerBadgeIcon;
+}
+
+declare class LineChart {
+    /** Array of series data to display */
+    readonly series: _angular_core.InputSignal<ChartLineSeriesData[]>;
+    /** X-axis category labels */
+    readonly categories: _angular_core.InputSignal<string[]>;
+    /** Chart height in pixels */
+    readonly height: _angular_core.InputSignal<number | null>;
+    /** Chart width in pixels */
+    readonly width: _angular_core.InputSignal<number | null>;
+    /** Whether to show the area fill under lines */
+    readonly showArea: _angular_core.InputSignal<boolean>;
+    /** Whether to show smooth curves */
+    readonly smooth: _angular_core.InputSignal<boolean>;
+    /** Whether to show legend */
+    readonly showLegend: _angular_core.InputSignal<boolean>;
+    /** Whether to show grid lines */
+    readonly showGrid: _angular_core.InputSignal<boolean>;
+    /** Whether to show X-axis labels */
+    readonly showXAxisLabels: _angular_core.InputSignal<boolean>;
+    /** Index of data point to highlight with a vertical bar (-1 for none) */
+    readonly highlightIndex: _angular_core.InputSignal<number>;
+    readonly legendItems: _angular_core.Signal<ChartLegendItem[]>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LineChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChart, "ncim-line-chart", never, { "series": { "alias": "series"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "showArea": { "alias": "showArea"; "required": false; "isSignal": true; }; "smooth": { "alias": "smooth"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "showXAxisLabels": { "alias": "showXAxisLabels"; "required": false; "isSignal": true; }; "highlightIndex": { "alias": "highlightIndex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AreaChart {
+    /** Data points for the chart */
+    readonly data: _angular_core.InputSignal<number[]>;
+    /** X-axis category labels */
+    readonly categories: _angular_core.InputSignal<string[]>;
+    /** Chart height in pixels */
+    readonly height: _angular_core.InputSignal<number>;
+    /** Chart width in pixels */
+    readonly width: _angular_core.InputSignal<number | null>;
+    /** Start color of the gradient (green area) */
+    readonly startColor: _angular_core.InputSignal<string>;
+    /** End color of the gradient (red area) */
+    readonly endColor: _angular_core.InputSignal<string>;
+    /** Whether to show smooth curves */
+    readonly smooth: _angular_core.InputSignal<boolean>;
+    /** Tooltip formatter label — falls back to the translated CHARTS.AREA_CHART.TOOLTIP_LABEL key */
+    readonly tooltipLabel: _angular_core.InputSignal<string>;
+    /** Index of the highlighted point (-1 for none) */
+    readonly highlightIndex: _angular_core.InputSignal<number>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AreaChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AreaChart, "ncim-area-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "startColor": { "alias": "startColor"; "required": false; "isSignal": true; }; "endColor": { "alias": "endColor"; "required": false; "isSignal": true; }; "smooth": { "alias": "smooth"; "required": false; "isSignal": true; }; "tooltipLabel": { "alias": "tooltipLabel"; "required": false; "isSignal": true; }; "highlightIndex": { "alias": "highlightIndex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class DonutChart {
+    /** Data items for the donut rings */
+    readonly data: _angular_core.InputSignal<ChartSeriesItem[]>;
+    /** Chart height in pixels */
+    readonly height: _angular_core.InputSignal<number | null>;
+    /** Center text (main value) */
+    readonly centerValue: _angular_core.InputSignal<string | number | null>;
+    /** Center sub label */
+    readonly centerLabel: _angular_core.InputSignal<string | null>;
+    /** Inner radius percentage */
+    readonly innerRadius: _angular_core.InputSignal<string>;
+    /** Outer radius percentage */
+    readonly outerRadius: _angular_core.InputSignal<string>;
+    /** Whether to show legend */
+    readonly showLegend: _angular_core.InputSignal<boolean>;
+    /** Whether to show the gap between items */
+    readonly showGap: _angular_core.InputSignal<boolean>;
+    /** Start angle of the donut */
+    readonly startAngle: _angular_core.InputSignal<number>;
+    /** Total value for computing arc proportions */
+    readonly total: _angular_core.InputSignal<number>;
+    /**
+     * Maximum value per ring — each ring's arc = (value / maxRingValue) x 360.
+     * If 0, the max value from the data is used.
+     */
+    readonly maxRingValue: _angular_core.InputSignal<number>;
+    readonly legendItems: _angular_core.Signal<ChartLegendItem[]>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DonutChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DonutChart, "ncim-donut-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "centerValue": { "alias": "centerValue"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; "outerRadius": { "alias": "outerRadius"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showGap": { "alias": "showGap"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "maxRingValue": { "alias": "maxRingValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class PieChart {
+    /** Data items for the pie segments */
+    readonly data: _angular_core.InputSignal<ChartSeriesItem[]>;
+    /** Chart height in pixels */
+    readonly height: _angular_core.InputSignal<number | null>;
+    /** Chart width in pixels */
+    readonly width: _angular_core.InputSignal<number>;
+    /** Radius percentage */
+    readonly radius: _angular_core.InputSignal<string>;
+    /** Whether to show percentage labels inside slices */
+    readonly showLabels: _angular_core.InputSignal<boolean>;
+    /** Whether to show legend */
+    readonly showLegend: _angular_core.InputSignal<boolean>;
+    /** Start angle of the pie */
+    readonly startAngle: _angular_core.InputSignal<number>;
+    /** Whether to show a small hole in the center */
+    readonly showCenterHole: _angular_core.InputSignal<boolean>;
+    /** Inner radius percentage (if center hole is shown) */
+    readonly innerRadius: _angular_core.InputSignal<string>;
+    /** Border radius of each pie slice in pixels */
+    readonly itemRadius: _angular_core.InputSignal<number>;
+    readonly legendItems: _angular_core.Signal<ChartLegendItem[]>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PieChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PieChart, "ncim-pie-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "showCenterHole": { "alias": "showCenterHole"; "required": false; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; "itemRadius": { "alias": "itemRadius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class GaugeChart {
+    /** Current value (0-100) */
+    readonly value: _angular_core.InputSignal<number>;
+    /** Chart height in pixels */
+    readonly height: _angular_core.InputSignal<number>;
+    /** Chart width in pixels (optional) */
+    readonly width: _angular_core.InputSignal<number | null>;
+    /** Main color for the filled portion */
+    readonly color: _angular_core.InputSignal<string>;
+    /** Background color for the unfilled portion */
+    readonly backgroundColor: _angular_core.InputSignal<string>;
+    /** Label text below the percentage */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Whether to show the percentage text */
+    readonly showValue: _angular_core.InputSignal<boolean>;
+    /** Start angle of the gauge */
+    readonly startAngle: _angular_core.InputSignal<number>;
+    /** End angle of the gauge */
+    readonly endAngle: _angular_core.InputSignal<number>;
+    /**
+     * Whether the layout is right-to-left.
+     * In RTL mode the chart text is hidden and rendered as an overlay to avoid mirroring.
+     */
+    readonly isRtl: _angular_core.InputSignal<boolean>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GaugeChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GaugeChart, "ncim-gauge-chart", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "endAngle": { "alias": "endAngle"; "required": false; "isSignal": true; }; "isRtl": { "alias": "isRtl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface ScaleIndicatorLabels {
+    low: string;
+    mid: string;
+    high: string;
+}
+declare class ScaleIndicator {
+    /** Title displayed above the scale */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Current value (used when start/end not provided, for backward compat) */
+    readonly value: _angular_core.InputSignal<number>;
+    /** Scale minimum (full track range) */
+    readonly min: _angular_core.InputSignal<number>;
+    /** Scale maximum (full track range) */
+    readonly max: _angular_core.InputSignal<number>;
+    /** Highlighted range start (when provided with end, shows range bar instead of thumb) */
+    readonly start: _angular_core.InputSignal<number | undefined>;
+    /** Highlighted range end (when provided with start, shows range bar instead of thumb) */
+    readonly end: _angular_core.InputSignal<number | undefined>;
+    /** Labels for the three segments (right-to-left in RTL: high, mid, low) */
+    readonly labels: _angular_core.InputSignal<ScaleIndicatorLabels>;
+    /** Active indicator color */
+    readonly activeColor: _angular_core.InputSignal<string>;
+    /** Track background color */
+    readonly trackColor: _angular_core.InputSignal<string>;
+    readonly barHeight: _angular_core.InputSignal<number>;
+    private readonly rangeScale;
+    /** Range mode: start and end provided. Single-value mode: use value. */
+    readonly isRangeMode: _angular_core.Signal<boolean>;
+    /** Start and end positions as percentage (0–100), normalized so start ≤ end */
+    readonly rangePercent: _angular_core.Signal<{
+        start: number;
+        end: number;
+    }>;
+    /** Start position as percentage (0–100) */
+    readonly rangeStartPercent: _angular_core.Signal<number>;
+    /** End position as percentage (0–100) */
+    readonly rangeEndPercent: _angular_core.Signal<number>;
+    /** Range width as percentage (min 4% when start=end for visibility) */
+    readonly rangeWidthPercent: _angular_core.Signal<number>;
+    /** Thumb position (for single-value mode, backward compat) */
+    readonly thumbPercent: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScaleIndicator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScaleIndicator, "ncim-scale-indicator", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "start": { "alias": "start"; "required": false; "isSignal": true; }; "end": { "alias": "end"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "activeColor": { "alias": "activeColor"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "barHeight": { "alias": "barHeight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface HorizontalBarItem {
+    label: string;
+    value: number;
+    maxValue?: number;
+    color?: string;
+}
+interface ComputedBarItem extends HorizontalBarItem {
+    percentage: number;
+    barColor: string;
+    segmentFills: number[];
+}
+declare class HorizontalBarChart {
+    /** Data items for horizontal bars */
+    readonly data: _angular_core.InputSignal<HorizontalBarItem[]>;
+    /** Maximum value for all bars (auto-calculated if not provided) */
+    readonly maxValue: _angular_core.InputSignal<number>;
+    /** Whether to show value labels */
+    readonly showValues: _angular_core.InputSignal<boolean>;
+    /** Default bar color (used when item has no color) */
+    readonly defaultColor: _angular_core.InputSignal<string>;
+    /** Track background color */
+    readonly trackColor: _angular_core.InputSignal<string>;
+    /** Bar height in pixels */
+    readonly barHeight: _angular_core.InputSignal<number>;
+    /** Gap between bars in pixels */
+    readonly gap: _angular_core.InputSignal<number>;
+    /** Number of segments per bar */
+    readonly segments: _angular_core.InputSignal<number>;
+    readonly computedItems: _angular_core.Signal<ComputedBarItem[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalBarChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalBarChart, "ncim-horizontal-bar-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "defaultColor": { "alias": "defaultColor"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "barHeight": { "alias": "barHeight"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "segments": { "alias": "segments"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Sparkline {
+    /** Data points for the sparkline */
+    readonly data: _angular_core.InputSignal<readonly number[]>;
+    /** Chart height in pixels */
+    readonly height: _angular_core.InputSignal<number>;
+    /** Chart width in pixels */
+    readonly width: _angular_core.InputSignal<number | null>;
+    /** Line color */
+    readonly color: _angular_core.InputSignal<string>;
+    /** Whether to show area fill */
+    readonly showArea: _angular_core.InputSignal<boolean>;
+    /** Line width */
+    readonly lineWidth: _angular_core.InputSignal<number>;
+    /** Whether to use smooth curves */
+    readonly smooth: _angular_core.InputSignal<boolean>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Sparkline, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sparkline, "ncim-sparkline", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "showArea": { "alias": "showArea"; "required": false; "isSignal": true; }; "lineWidth": { "alias": "lineWidth"; "required": false; "isSignal": true; }; "smooth": { "alias": "smooth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class MapView implements OnDestroy {
+    readonly markers: _angular_core.InputSignal<MapMarkerData[]>;
+    readonly centerLat: _angular_core.InputSignal<number>;
+    readonly centerLng: _angular_core.InputSignal<number>;
+    readonly zoom: _angular_core.InputSignal<number>;
+    readonly height: _angular_core.InputSignal<number>;
+    private readonly http;
+    private readonly doc;
+    private readonly translate;
+    private readonly mapContainer;
+    private map;
+    private markerLayer;
+    private leaflet;
+    private readonly mapReady;
+    private iconCache;
+    readonly legendItems: {
+        icon: string;
+        labelKey: string;
+    }[];
+    readonly legendOpen: _angular_core.WritableSignal<boolean>;
+    private readonly legendPopup;
+    private readonly legendBtn;
+    constructor();
+    ngOnDestroy(): void;
+    toggleLegend(): void;
+    closeLegend(): void;
+    onDocumentClick(event: MouseEvent): void;
+    private injectLeafletCss;
+    private initMap;
+    private preloadIcons;
+    private loadIcon;
+    private sizedIcon;
+    private updateMarkers;
+    private buildMarkerHtml;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MapView, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapView, "ncim-map-view", never, { "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "centerLat": { "alias": "centerLat"; "required": false; "isSignal": true; }; "centerLng": { "alias": "centerLng"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class StoreLocations {
+    readonly showHeader: _angular_core.InputSignal<boolean>;
+    readonly height: _angular_core.InputSignal<number>;
+    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[]>;
+    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>;
+}
+
+interface BarSeriesData {
+    name: string;
+    data: number[];
+    color?: string;
+    stack?: string;
+}
+interface OverlayLineSeries {
+    name: string;
+    data: number[];
+    color?: string;
+}
+declare class BarChart {
+    /** Array of bar series data to display */
+    readonly series: _angular_core.InputSignal<BarSeriesData[]>;
+    /** Optional line series to overlay on top of bars */
+    readonly overlayLineSeries: _angular_core.InputSignal<OverlayLineSeries[]>;
+    /** X-axis category labels */
+    readonly categories: _angular_core.InputSignal<any[]>;
+    /** Chart height in pixels */
+    readonly height: _angular_core.InputSignal<number | null>;
+    /** Chart width in pixels */
+    readonly width: _angular_core.InputSignal<number | null>;
+    /** Bar width in pixels */
+    readonly barWidth: _angular_core.InputSignal<string | number>;
+    /** Bar border radius */
+    readonly borderRadius: _angular_core.InputSignal<number>;
+    /** Whether to show legend */
+    readonly showLegend: _angular_core.InputSignal<boolean>;
+    /** Whether to show grid lines */
+    readonly showGrid: _angular_core.InputSignal<boolean>;
+    readonly legendItems: _angular_core.Signal<ChartLegendItem[]>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarChart, "ncim-bar-chart", never, { "series": { "alias": "series"; "required": false; "isSignal": true; }; "overlayLineSeries": { "alias": "overlayLineSeries"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "barWidth": { "alias": "barWidth"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ChartLegend {
+    /** List of legend items to display */
+    readonly items: _angular_core.InputSignal<ChartLegendItem[]>;
+    /** Layout direction */
+    readonly direction: _angular_core.InputSignal<"column" | "row">;
+    /** Size of the color marker in pixels */
+    readonly iconSize: _angular_core.InputSignal<number>;
+    /** Font size of the labels in pixels */
+    readonly fontSize: _angular_core.InputSignal<number>;
+    /** Gap between legend items in pixels */
+    readonly gap: _angular_core.InputSignal<number>;
+    /** Gap between marker and label in pixels */
+    readonly itemGap: _angular_core.InputSignal<number>;
+    /** Flex justify content alignment */
+    readonly justifyContent: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartLegend, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartLegend, "ncim-chart-legend", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "itemGap": { "alias": "itemGap"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class MultiSegmentGauge {
+    /** Segments to display on the gauge arc */
+    readonly segments: _angular_core.InputSignal<ChartSeriesItem[]>;
+    /** Label shown above the center value */
+    readonly centerLabel: _angular_core.InputSignal<string>;
+    /** Value displayed in the center of the gauge */
+    readonly centerValue: _angular_core.InputSignal<string | number | null>;
+    /** Whether to show a legend below the chart */
+    readonly showLegend: _angular_core.InputSignal<boolean>;
+    /** Chart canvas height in pixels */
+    readonly height: _angular_core.InputSignal<number>;
+    /** Color for the unfilled portion of the arc */
+    readonly backgroundColor: _angular_core.InputSignal<string>;
+    readonly legendItems: _angular_core.Signal<ChartLegendItem[]>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSegmentGauge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSegmentGauge, "ncim-multi-segment-gauge", never, { "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; "centerValue": { "alias": "centerValue"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** A single stat row displayed below the gauge */
+interface StatGaugeRow {
+    label: string;
+    value: string | number;
+}
+declare class StatGauge {
+    /** Current (numerator) value, e.g. 120 */
+    readonly value: _angular_core.InputSignal<number>;
+    /** Total (denominator) value, e.g. 300 */
+    readonly total: _angular_core.InputSignal<number>;
+    /** Subtitle shown below the percentage, e.g. "120 من 300 مستخدم" */
+    readonly subtitle: _angular_core.InputSignal<string>;
+    /** Stat rows displayed below the gauge */
+    readonly stats: _angular_core.InputSignal<StatGaugeRow[]>;
+    /** Color for the filled portion of the arc */
+    readonly color: _angular_core.InputSignal<string>;
+    /** Color for the unfilled portion of the arc */
+    readonly backgroundColor: _angular_core.InputSignal<string>;
+    /** Chart canvas height in pixels */
+    readonly height: _angular_core.InputSignal<number>;
+    readonly percentage: _angular_core.Signal<number>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatGauge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatGauge, "ncim-stat-gauge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "stats": { "alias": "stats"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Legend item that includes a displayable value */
+interface RingChartLegendItem {
+    name: string;
+    color: string;
+    value: string | number;
+}
+declare class RingChart {
+    /** Data items for the ring segments */
+    readonly data: _angular_core.InputSignal<ChartSeriesItem[]>;
+    /** Label displayed above the center value */
+    readonly centerLabel: _angular_core.InputSignal<string | null>;
+    /** Value displayed in the center of the ring */
+    readonly centerValue: _angular_core.InputSignal<string | number | null>;
+    /** Inner radius of the ring */
+    readonly innerRadius: _angular_core.InputSignal<string>;
+    /** Outer radius of the ring */
+    readonly outerRadius: _angular_core.InputSignal<string>;
+    /** Whether to show the legend below the chart */
+    readonly showLegend: _angular_core.InputSignal<boolean>;
+    /** Chart height in pixels */
+    readonly height: _angular_core.InputSignal<number>;
+    /** Start angle of the ring */
+    readonly startAngle: _angular_core.InputSignal<number>;
+    readonly legendItems: _angular_core.Signal<RingChartLegendItem[]>;
+    readonly chartOptions: _angular_core.Signal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RingChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RingChart, "ncim-ring-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; "centerValue": { "alias": "centerValue"; "required": false; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; "outerRadius": { "alias": "outerRadius"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface StackedDistributionChartItem {
+    label: string;
+    value: number;
+    barValue?: number;
+    color?: string;
+    patterned?: boolean;
+    /** Number of sub-segments to divide this item into in the bar. Defaults to 1. */
+    segments?: number;
+}
+interface ComputedStackedDistributionChartItem extends StackedDistributionChartItem {
+    color: string;
+    normalizedValue: number;
+    percentage: number;
+    subSegments: number[];
+}
+declare class StackedDistributionChart {
+    private readonly el;
+    /** Segments rendered in the distribution bar and legend rows */
+    readonly data: _angular_core.InputSignal<StackedDistributionChartItem[]>;
+    /** Segment height in pixels */
+    readonly barHeight: _angular_core.InputSignal<number>;
+    /** Gap between top bar segments in pixels */
+    readonly segmentGap: _angular_core.InputSignal<number>;
+    /** Gap between legend rows in pixels */
+    readonly rowGap: _angular_core.InputSignal<number>;
+    /** Marker size in pixels */
+    readonly markerSize: _angular_core.InputSignal<number>;
+    /** Fallback color when an item does not provide one */
+    readonly defaultColor: _angular_core.InputSignal<string>;
+    /** Placeholder color used when there is no positive data */
+    readonly emptyColor: _angular_core.InputSignal<string>;
+    /** Manual override for RTL. Detected from parent if not provided. */
+    readonly isRtl: _angular_core.InputSignal<boolean | null>;
+    private readonly detectedIsRtl;
+    constructor();
+    readonly computedIsRtl: _angular_core.Signal<boolean>;
+    readonly total: _angular_core.Signal<number>;
+    readonly computedItems: _angular_core.Signal<ComputedStackedDistributionChartItem[]>;
+    readonly ariaLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StackedDistributionChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StackedDistributionChart, "ncim-stacked-distribution-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "barHeight": { "alias": "barHeight"; "required": false; "isSignal": true; }; "segmentGap": { "alias": "segmentGap"; "required": false; "isSignal": true; }; "rowGap": { "alias": "rowGap"; "required": false; "isSignal": true; }; "markerSize": { "alias": "markerSize"; "required": false; "isSignal": true; }; "defaultColor": { "alias": "defaultColor"; "required": false; "isSignal": true; }; "emptyColor": { "alias": "emptyColor"; "required": false; "isSignal": true; }; "isRtl": { "alias": "isRtl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class StatRing {
+    private readonly el;
+    /** Center label shown above the value */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Center value shown inside the ring */
+    readonly value: _angular_core.InputSignal<string | number>;
+    /** Progress arc length as a percentage (can exceed 100) */
+    readonly progress: _angular_core.InputSignal<number>;
+    /** Ring size in pixels */
+    readonly size: _angular_core.InputSignal<number>;
+    /** Progress arc stroke width in pixels */
+    readonly strokeWidth: _angular_core.InputSignal<number>;
+    /** Background track stroke width in pixels */
+    readonly trackStrokeWidth: _angular_core.InputSignal<number>;
+    /** Progress arc color (fallback if gradient is not used) */
+    readonly color: _angular_core.InputSignal<string>;
+    /** Start color for the linear gradient */
+    readonly gradientStartColor: _angular_core.InputSignal<string>;
+    /** End color for the linear gradient */
+    readonly gradientEndColor: _angular_core.InputSignal<string>;
+    /** Background ring color */
+    readonly trackColor: _angular_core.InputSignal<string>;
+    /**
+     * Rotation of the progress arc in degrees.
+     * Default is 0 (Right/3 o'clock).
+     */
+    readonly startAngle: _angular_core.InputSignal<number>;
+    /** Whether to use a linear gradient for the progress arc */
+    readonly useGradient: _angular_core.InputSignal<boolean>;
+    /** Manual override for RTL. Detected from parent if not provided. */
+    readonly isRtl: _angular_core.InputSignal<boolean | null>;
+    private readonly detectedIsRtl;
+    readonly gradientId: _angular_core.WritableSignal<string>;
+    constructor();
+    /** Final RTL status (prop override or detected) */
+    readonly computedIsRtl: _angular_core.Signal<boolean>;
+    /** Normalized progress (can exceed 100) */
+    readonly normalizedProgress: _angular_core.Signal<number>;
+    /** Radius calculation based on the largest stroke to avoid clipping */
+    readonly radius: _angular_core.Signal<number>;
+    readonly center: _angular_core.Signal<number>;
+    readonly circumference: _angular_core.Signal<number>;
+    /**
+     * Calculate stroke dash offset.
+     */
+    readonly strokeDashOffset: _angular_core.Signal<number>;
+    readonly viewBox: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatRing, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatRing, "ncim-stat-ring", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "trackStrokeWidth": { "alias": "trackStrokeWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "gradientStartColor": { "alias": "gradientStartColor"; "required": false; "isSignal": true; }; "gradientEndColor": { "alias": "gradientEndColor"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "useGradient": { "alias": "useGradient"; "required": false; "isSignal": true; }; "isRtl": { "alias": "isRtl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface BreadcrumbItem {
+    label?: string;
+    url?: string;
+    icon?: string;
+    command?: () => void;
+    translateKey?: string;
+}
+declare class Breadcrumb {
+    private readonly router;
+    private readonly destroyRef;
+    readonly translateService: TranslateService;
+    readonly items: _angular_core.InputSignal<BreadcrumbItem[]>;
+    readonly home: _angular_core.InputSignal<BreadcrumbItem | null>;
+    readonly showHomeIcon: _angular_core.InputSignal<boolean>;
+    readonly rtl: _angular_core.InputSignal<boolean>;
+    readonly separatorItem: _angular_core.InputSignal<string>;
+    readonly itemClicked: _angular_core.OutputEmitterRef<BreadcrumbItem>;
+    private readonly langChange;
+    constructor();
+    readonly menuItems: _angular_core.Signal<MenuItem[]>;
+    readonly homeMenuItem: _angular_core.Signal<MenuItem | undefined>;
+    onBreadcrumbItemClick(event: {
+        originalEvent: Event;
+        item: MenuItem;
+    }): void;
+    private findOriginalItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Breadcrumb, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Breadcrumb, "ncim-breadcrumb", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "home": { "alias": "home"; "required": false; "isSignal": true; }; "showHomeIcon": { "alias": "showHomeIcon"; "required": false; "isSignal": true; }; "rtl": { "alias": "rtl"; "required": false; "isSignal": true; }; "separatorItem": { "alias": "separatorItem"; "required": false; "isSignal": true; }; }, { "itemClicked": "itemClicked"; }, never, never, true, never>;
+}
+
+declare class PageHeader {
+    readonly titleKey: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly breadcrumbItems: _angular_core.InputSignal<BreadcrumbItem$1[]>;
+    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>;
+}
+
+declare class Card {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Card, "ncim-card", never, {}, {}, never, ["*"], true, never>;
+}
+
+interface AccordionItem {
+    questionKey: string;
+    answerKey: string;
+}
+declare class Accordion {
+    readonly items: _angular_core.InputSignal<AccordionItem[]>;
+    readonly titleKey: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Accordion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Accordion, "ncim-accordion", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ProgressCard {
+    readonly titleKey: _angular_core.InputSignal<string>;
+    readonly descriptionKey: _angular_core.InputSignal<string>;
+    readonly buttonKey: _angular_core.InputSignal<string>;
+    readonly progress: _angular_core.InputSignal<number>;
+    readonly illustrationSrc: _angular_core.InputSignal<string>;
+    readonly nextStep: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressCard, "ncim-progress-card", never, { "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "descriptionKey": { "alias": "descriptionKey"; "required": false; "isSignal": true; }; "buttonKey": { "alias": "buttonKey"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "illustrationSrc": { "alias": "illustrationSrc"; "required": false; "isSignal": true; }; }, { "nextStep": "nextStep"; }, never, never, true, never>;
+}
+
+declare class NavCard {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly thumbnailSrc: _angular_core.InputSignal<string>;
+    readonly route: _angular_core.InputSignal<string | string[] | null>;
+    readonly compact: _angular_core.InputSignal<boolean>;
+    readonly cardClick: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavCard, "ncim-nav-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "thumbnailSrc": { "alias": "thumbnailSrc"; "required": false; "isSignal": true; }; "route": { "alias": "route"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
+}
+
+declare class ContentBlock {
+    readonly contentKey: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentBlock, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentBlock, "ncim-content-block", never, { "contentKey": { "alias": "contentKey"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface RelatedCardItem {
+    title?: string;
+    titleKey?: string;
+    description?: string;
+    descriptionKey?: string;
+    thumbnailSrc?: string;
+    route: string | string[];
+}
+declare class RelatedCardsList {
+    readonly items: _angular_core.InputSignal<RelatedCardItem[]>;
+    readonly titleKey: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RelatedCardsList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RelatedCardsList, "ncim-related-cards-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface NavCardItem {
+    slug: string;
+    titleKey: string;
+    descriptionKey: string;
+    thumbnailSrc: string;
+}
+declare class NavCardsList {
+    readonly items: _angular_core.InputSignal<NavCardItem[]>;
+    readonly getItemRoute: _angular_core.InputSignal<(slug: string) => string[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavCardsList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavCardsList, "ncim-nav-cards-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "getItemRoute": { "alias": "getItemRoute"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+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 accordionTitleKey: _angular_core.InputSignal<string>;
+    readonly feedback: _angular_core.OutputEmitterRef<"yes" | "no">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ArticleDetail, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ArticleDetail, "ncim-article-detail", never, { "videoSrc": { "alias": "videoSrc"; "required": true; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": true; "isSignal": true; }; "contentKey": { "alias": "contentKey"; "required": true; "isSignal": true; }; "accordionItems": { "alias": "accordionItems"; "required": false; "isSignal": true; }; "accordionTitleKey": { "alias": "accordionTitleKey"; "required": false; "isSignal": true; }; }, { "feedback": "feedback"; }, never, never, true, never>;
+}
+
+declare class ArticleLayout {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ArticleLayout, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ArticleLayout, "ncim-article-layout", never, {}, {}, never, ["[data-main]", "[data-sidebar]"], true, never>;
+}
+
+interface ResourceItem {
+    label?: string;
+    labelKey?: string;
+    url: string;
+    icon?: string;
+}
+declare class ResourcesList {
+    readonly items: _angular_core.InputSignal<ResourceItem[]>;
+    readonly titleKey: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResourcesList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourcesList, "ncim-resources-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ArticleSidebar {
+    readonly resources: _angular_core.InputSignal<ResourceItem[]>;
+    readonly relatedItems: _angular_core.InputSignal<RelatedCardItem[]>;
+    readonly resourcesTitleKey: _angular_core.InputSignal<string>;
+    readonly relatedTitleKey: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ArticleSidebar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ArticleSidebar, "ncim-article-sidebar", never, { "resources": { "alias": "resources"; "required": true; "isSignal": true; }; "relatedItems": { "alias": "relatedItems"; "required": true; "isSignal": true; }; "resourcesTitleKey": { "alias": "resourcesTitleKey"; "required": false; "isSignal": true; }; "relatedTitleKey": { "alias": "relatedTitleKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class CardsListPage {
+    readonly titleKey: _angular_core.InputSignal<string>;
+    readonly breadcrumbItems: _angular_core.InputSignal<BreadcrumbItem$1[]>;
+    readonly items: _angular_core.InputSignal<NavCardItem[]>;
+    readonly getItemRoute: _angular_core.InputSignal<(slug: string) => string[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardsListPage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardsListPage, "ncim-cards-list-page", never, { "titleKey": { "alias": "titleKey"; "required": true; "isSignal": true; }; "breadcrumbItems": { "alias": "breadcrumbItems"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "getItemRoute": { "alias": "getItemRoute"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ArticlePage {
+    readonly titleKey: _angular_core.InputSignal<string>;
+    readonly breadcrumbItems: _angular_core.InputSignal<BreadcrumbItem$1[]>;
+    readonly videoSrc: _angular_core.InputSignal<string>;
+    readonly contentKey: _angular_core.InputSignal<string>;
+    readonly accordionItems: _angular_core.InputSignal<AccordionItem$1[]>;
+    readonly accordionTitleKey: _angular_core.InputSignal<string>;
+    readonly resources: _angular_core.InputSignal<ResourceItem[]>;
+    readonly relatedItems: _angular_core.InputSignal<RelatedCardItem[]>;
+    readonly relatedTitleKey: _angular_core.InputSignal<string>;
+    readonly feedback: _angular_core.OutputEmitterRef<"yes" | "no">;
+    readonly newTicket: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ArticlePage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ArticlePage, "ncim-article-page", never, { "titleKey": { "alias": "titleKey"; "required": true; "isSignal": true; }; "breadcrumbItems": { "alias": "breadcrumbItems"; "required": true; "isSignal": true; }; "videoSrc": { "alias": "videoSrc"; "required": true; "isSignal": true; }; "contentKey": { "alias": "contentKey"; "required": true; "isSignal": true; }; "accordionItems": { "alias": "accordionItems"; "required": false; "isSignal": true; }; "accordionTitleKey": { "alias": "accordionTitleKey"; "required": false; "isSignal": true; }; "resources": { "alias": "resources"; "required": true; "isSignal": true; }; "relatedItems": { "alias": "relatedItems"; "required": true; "isSignal": true; }; "relatedTitleKey": { "alias": "relatedTitleKey"; "required": false; "isSignal": true; }; }, { "feedback": "feedback"; "newTicket": "newTicket"; }, never, never, true, never>;
+}
+
+declare class InfoRow {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly editLabel: _angular_core.InputSignal<string>;
+    readonly showEdit: _angular_core.InputSignal<boolean>;
+    readonly editClick: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InfoRow, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InfoRow, "ncim-info-row", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "editLabel": { "alias": "editLabel"; "required": false; "isSignal": true; }; "showEdit": { "alias": "showEdit"; "required": false; "isSignal": true; }; }, { "editClick": "editClick"; }, never, never, true, never>;
+}
+
+declare class EmptyState {
+    /** Translation key for the title (e.g. COMMON.NO_DATA). Used when title is not provided. */
+    readonly titleKey: _angular_core.InputSignal<string | undefined>;
+    /** Plain text for the title. When provided, overrides titleKey. */
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    /** Optional translation key for subtitle/description. Used when subtitle is not provided. */
+    readonly subtitleKey: _angular_core.InputSignal<string | undefined>;
+    /** Plain text for the subtitle. When provided, overrides subtitleKey. */
+    readonly subtitle: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Illustration image URL. Defaults to the shared empty.svg asset.
+     * When truthy, renders an <img> instead of the icon.
+     * Pass an empty string to disable the image and fall back to the icon input.
+     */
+    readonly imageSrc: _angular_core.InputSignal<string>;
+    /** Accessible alt text for the illustration. Defaults to empty (decorative). */
+    readonly imageAlt: _angular_core.InputSignal<string>;
+    /** Icon name from ncim icon set — used only when imageSrc is empty. */
+    readonly icon: _angular_core.InputSignal<string>;
+    /** Size in pixels applied to both the illustration width and icon size. */
+    readonly iconSize: _angular_core.InputSignal<number>;
+    /** Compact variant for inline use (e.g. inside cards, smaller padding) */
+    readonly compact: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyState, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyState, "ncim-empty-state", never, { "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitleKey": { "alias": "subtitleKey"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class PageNotFound {
+    /** i18n key for the empty-state title. */
+    readonly titleKey: _angular_core.InputSignal<string>;
+    /** i18n key for the empty-state subtitle/description. */
+    readonly subtitleKey: _angular_core.InputSignal<string | undefined>;
+    /** Icon name from the ncim icon set shown in the empty-state. */
+    readonly icon: _angular_core.InputSignal<string>;
+    /** i18n key for the back button label. Defaults to COMMON.BACK. */
+    readonly backLabelKey: _angular_core.InputSignal<string>;
+    /** Emitted when the user clicks the back button. */
+    readonly back: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageNotFound, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageNotFound, "ncim-page-not-found", never, { "titleKey": { "alias": "titleKey"; "required": true; "isSignal": true; }; "subtitleKey": { "alias": "subtitleKey"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "backLabelKey": { "alias": "backLabelKey"; "required": false; "isSignal": true; }; }, { "back": "back"; }, never, never, true, never>;
+}
+
+declare class PageError {
+    /** i18n key for the error title. */
+    readonly titleKey: _angular_core.InputSignal<string>;
+    /** i18n key for the optional subtitle/description. */
+    readonly subtitleKey: _angular_core.InputSignal<string | undefined>;
+    /** Icon name from the ncim icon set. */
+    readonly icon: _angular_core.InputSignal<string>;
+    /** i18n key for the retry button label. Defaults to COMMON.RETRY. */
+    readonly retryLabelKey: _angular_core.InputSignal<string>;
+    /** Emitted when the user clicks the retry button. */
+    readonly retry: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageError, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageError, "ncim-page-error", never, { "titleKey": { "alias": "titleKey"; "required": true; "isSignal": true; }; "subtitleKey": { "alias": "subtitleKey"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "retryLabelKey": { "alias": "retryLabelKey"; "required": false; "isSignal": true; }; }, { "retry": "retry"; }, never, never, true, never>;
+}
+
+declare enum ColumnsEnum {
+    TOGGLE = "toggle",
+    TEXT = "text",
+    CUSTOM = "custom",
+    BUTTON = "button",
+    LINK = "link",
+    COMMAND = "command",
+    CHECKBOX = "checkbox",
+    STATUS = "status",
+    PROGRESS = "progress",
+    BADGE = "badge",
+    MULTILINE = "multiline",
+    MENU = "menu",
+    DATE = "date",
+    HASH_ID = "hashId"
+}
+
+declare class CustomColsDirective {
+    readonly ncimCustomCol: _angular_core.InputSignal<string>;
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CustomColsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CustomColsDirective, "ng-template[ncimCustomCol]", never, { "ncimCustomCol": { "alias": "ncimCustomCol"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** DgaTag variant when using ncim-dga-tag for status display */
+type StatusVariant = 'success' | 'danger' | 'warning' | 'info' | 'neutral' | 'purple';
+interface StatusConfig {
+    label: string;
+    color?: string;
+    bgColor?: string;
+    /** When set, grid-table uses ncim-dga-tag with this variant (recommended for consistent design) */
+    variant?: StatusVariant;
+}
+
+type GridRow = Record<string, unknown>;
+/** Emitted by GridTable when the user clicks a sortable column header. */
+interface GridSortEvent {
+    field: string;
+    order: 'asc' | 'desc';
+}
+
+/** Emitted by GridTable when paginator page changes. */
+interface GridPageEvent {
+    page: number;
+    rows: number;
+    first: number;
+}
+interface ProgressConfig {
+    value: number;
+    max: number;
+    label: string;
+    color?: string;
+}
+type GridActionType = 'link' | 'command' | 'menu';
+interface GridAction<T extends GridRow = GridRow> {
+    type: Exclude<GridActionType, 'menu'>;
+    label: string;
+    icon?: string;
+    iconOnly?: boolean;
+    severity?: ButtonSeverity;
+    link?: (row: T) => string;
+    command?: (row: T) => void;
+}
+interface GridAction<T extends GridRow = GridRow> {
+    type: Exclude<GridActionType, 'menu'>;
+    label: string;
+    icon?: string;
+    iconOnly?: boolean;
+    severity?: ButtonSeverity;
+    link?: (row: T) => string;
+    command?: (row: T) => void;
+}
+interface GridMenuItem<T extends GridRow = GridRow> {
+    label?: string;
+    icon?: string;
+    command?: (row: T) => void;
+    class?: string;
+    separator?: boolean;
+}
+interface GridMenuAction<T extends GridRow = GridRow> {
+    type: 'menu';
+    label: string;
+    icon?: string;
+    iconOnly?: boolean;
+    severity?: ButtonSeverity;
+    items: GridMenuItem<T>[];
+}
+type GridColumnAction<T extends GridRow = GridRow> = GridAction<T> | GridMenuAction<T>;
+interface GridColumn<T extends GridRow = GridRow> {
+    header: string;
+    isSorted: boolean;
+    field?: string;
+    type?: ColumnsEnum;
+    display?: any;
+    onChange?: (row: any, ...args: any[]) => void;
+    actions?: GridColumnAction<T>[];
+    statusMap?: Record<string, StatusConfig>;
+    progressField?: string;
+    getProgress?: (row: any) => ProgressConfig;
+    getBadgeColor?: (row: any) => string;
+    columnDef?: string;
+    cellValue?: (row: any) => any;
+    pipeArgs?: any;
+    cssStyle?: string;
+}
+declare class GridTable<T extends GridRow = GridRow> {
+    private readonly router;
+    readonly showSelect: _angular_core.InputSignal<boolean>;
+    readonly btnLabel: _angular_core.InputSignal<string>;
+    readonly selectedItems: _angular_core.ModelSignal<T[]>;
+    readonly searchPipeKey: _angular_core.InputSignal<string>;
+    readonly data: _angular_core.InputSignal<T[]>;
+    readonly columns: _angular_core.InputSignal<GridColumn<T>[]>;
+    readonly showAddButton: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly loadingDelay: _angular_core.InputSignal<number>;
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly rowsPerPageOptions: _angular_core.InputSignal<number[]>;
+    /**
+     * When false, the footer paginator is hidden (e.g. static read-only tables with few rows).
+     */
+    readonly pagination: _angular_core.InputSignal<boolean>;
+    readonly lazy: _angular_core.InputSignal<boolean>;
+    readonly totalRecords: _angular_core.InputSignal<number>;
+    readonly first: _angular_core.InputSignal<number>;
+    readonly tableMinWidth: _angular_core.InputSignal<string>;
+    /** When provided with emptyStateTitleKey, shows ncim-empty-state with icon in empty table body */
+    readonly emptyStateIcon: _angular_core.InputSignal<string | undefined>;
+    readonly emptyStateTitleKey: _angular_core.InputSignal<string | undefined>;
+    readonly emptyStateSubtitleKey: _angular_core.InputSignal<string | undefined>;
+    /** When true, shows an error state instead of empty state in the table body */
+    readonly error: _angular_core.InputSignal<boolean>;
+    /**
+     * Active sort field — restores the sort arrow after a loading cycle.
+     * Must match the `field` property of the sorted column.
+     */
+    readonly sortField: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Active sort direction — restores the sort arrow after a loading cycle.
+     * Pass the same value emitted by sortChange.
+     */
+    readonly sortOrder: _angular_core.InputSignal<"desc" | "asc" | undefined>;
+    /** PrimeNG expects 1 (asc) / -1 (desc). Converts from the string union. */
+    readonly primeNgSortOrder: _angular_core.Signal<1 | -1>;
+    /**
+     * Optional row-click navigation.
+     * Provide a function that returns an absolute route string for the given row,
+     * or `null` / `undefined` to make a specific row non-navigable.
+     *
+     * @example
+     * [rowRoute]="(row) => '/dashboard/violations/violation-details/' + row['id']"
+     */
+    readonly rowRoute: _angular_core.InputSignal<((row: T) => string | null | undefined) | undefined>;
+    readonly hasRowRoute: _angular_core.Signal<boolean>;
+    /** True when skeleton should be shown (loading or within delay after loading ends) */
+    readonly showSkeleton: _angular_core.WritableSignal<boolean>;
+    private lastPageEvent;
+    constructor();
+    readonly addActionEvent: _angular_core.OutputEmitterRef<{
+        show: boolean;
+    }>;
+    readonly searchQuery: _angular_core.OutputEmitterRef<unknown>;
+    readonly selectItems: _angular_core.OutputEmitterRef<T[]>;
+    /** Fires when a sortable column header is clicked — use this to call the API with updated sort params. */
+    readonly sortChange: _angular_core.OutputEmitterRef<GridSortEvent>;
+    /** Fires when paginator page changes. */
+    readonly pageChange: _angular_core.OutputEmitterRef<GridPageEvent>;
+    customColumnTemplates: _angular_core.Signal<readonly CustomColsDirective[]>;
+    protected readonly ColumnsEnum: typeof ColumnsEnum;
+    readonly normalizedColumns: _angular_core.Signal<{
+        isSorted: boolean;
+        type: ColumnsEnum;
+        header: string;
+        field?: string;
+        display?: any;
+        onChange?: (row: any, ...args: any[]) => void;
+        actions?: GridColumnAction<T>[] | undefined;
+        statusMap?: Record<string, StatusConfig>;
+        progressField?: string;
+        getProgress?: (row: any) => ProgressConfig;
+        getBadgeColor?: (row: any) => string;
+        columnDef?: string;
+        cellValue?: (row: any) => any;
+        pipeArgs?: any;
+        cssStyle?: string;
+    }[]>;
+    readonly globalFilterFields: _angular_core.Signal<string[]>;
+    /** Skeleton uses same columns and row count as table (data length or rows per page) */
+    readonly skeletonRows: _angular_core.Signal<number[]>;
+    readonly showPaginator: _angular_core.Signal<boolean>;
+    /** Varying widths for skeleton cells to mimic table layout */
+    colWidth(index: number): string;
+    setNestedValue(obj: T, path: string | undefined, value: unknown): void;
+    getCustomTemplate(columnDef: string | undefined): _angular_core.TemplateRef<any> | null;
+    /**
+     * Get the cell value using priority:
+     * 1. cellValue function (most flexible)
+     * 2. field path with NestedValuePipe
+     * 3. null/undefined
+     */
+    getCellValue(row: any, column: GridColumn): any;
+    /** Called by PrimeNG (customSort=true) — maps PrimeNG order (1/-1) to 'asc'/'desc'. */
+    onTableSort(event: {
+        field: string;
+        order: number;
+    }): void;
+    onRowClick(row: T, event: MouseEvent): void;
+    onSelectChange(items: T[]): void;
+    onPage(event: {
+        first?: number | null;
+        rows?: number | null;
+        page?: number | null;
+    }): void;
+    onLazyLoad(event: {
+        first?: number | null;
+        rows?: number | null;
+    }): void;
+    onFilterList(query: unknown): void;
+    addActionEmit(): void;
+    buildMenuItems(action: GridMenuAction<T>, row: T): MenuItem[];
+    isMenuAction(action: GridColumnAction<T>): action is GridMenuAction<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridTable<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridTable<any>, "ncim-grid-table", never, { "showSelect": { "alias": "showSelect"; "required": false; "isSignal": true; }; "btnLabel": { "alias": "btnLabel"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "searchPipeKey": { "alias": "searchPipeKey"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "showAddButton": { "alias": "showAddButton"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "tableMinWidth": { "alias": "tableMinWidth"; "required": false; "isSignal": true; }; "emptyStateIcon": { "alias": "emptyStateIcon"; "required": false; "isSignal": true; }; "emptyStateTitleKey": { "alias": "emptyStateTitleKey"; "required": false; "isSignal": true; }; "emptyStateSubtitleKey": { "alias": "emptyStateSubtitleKey"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortOrder": { "alias": "sortOrder"; "required": false; "isSignal": true; }; "rowRoute": { "alias": "rowRoute"; "required": false; "isSignal": true; }; }, { "selectedItems": "selectedItemsChange"; "addActionEvent": "addActionEvent"; "searchQuery": "searchQuery"; "selectItems": "selectItems"; "sortChange": "sortChange"; "pageChange": "pageChange"; }, ["customColumnTemplates"], never, true, never>;
+}
+
+type NotificationType = 'monitoring' | 'commercial' | 'objection' | 'violation' | 'info' | 'warning' | 'success';
+type NotificationCategory = 'regulatory-dashboard' | 'violations' | 'objections' | 'general' | 'monitoring-board';
+interface NotificationAction {
+    label: string;
+    action: () => void;
+    variant?: 'primary' | 'secondary';
+}
+interface Notification {
+    id: string;
+    title: string;
+    subject?: string;
+    description: string;
+    type: NotificationType;
+    category: NotificationCategory;
+    date: Date;
+    isRead: boolean;
+    icon?: string;
+    actions?: NotificationAction[];
+}
+type NotificationFilter = 'all' | 'unread';
+
+declare class NotificationListComponent {
+    readonly visible: _angular_core.InputSignal<boolean>;
+    readonly notifications: _angular_core.InputSignal<Notification[]>;
+    readonly position: _angular_core.InputSignal<"left" | "right">;
+    readonly rtl: _angular_core.InputSignal<boolean>;
+    readonly visibleChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly notificationClick: _angular_core.OutputEmitterRef<Notification>;
+    readonly markAsRead: _angular_core.OutputEmitterRef<string>;
+    readonly markAllAsRead: _angular_core.OutputEmitterRef<void>;
+    readonly activeFilter: _angular_core.WritableSignal<NotificationFilter>;
+    readonly filteredNotifications: _angular_core.Signal<Notification[]>;
+    readonly unreadCount: _angular_core.Signal<number>;
+    readonly hasUnread: _angular_core.Signal<boolean>;
+    setFilter(filter: NotificationFilter): void;
+    onVisibleChange(visible: boolean): void;
+    onNotificationClick(notification: Notification): void;
+    onActionClick(event: Event, action: NotificationAction): void;
+    onMarkAllAsRead(): void;
+    getNotificationIcon(notification: Notification): string;
+    private static readonly CATEGORY_KEY_MAP;
+    /** Returns days elapsed since the given date (for use with translate pipe in template). */
+    protected getDaysAgo(date: Date): number;
+    /** Returns the i18n key for the given category (for use with translate pipe in template). */
+    protected getCategoryI18nKey(category: string): string;
+    trackByNotificationId(index: number, notification: Notification): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationListComponent, "ncim-notification-list", never, { "visible": { "alias": "visible"; "required": true; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "rtl": { "alias": "rtl"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; "notificationClick": "notificationClick"; "markAsRead": "markAsRead"; "markAllAsRead": "markAllAsRead"; }, never, never, true, never>;
+}
+
+type VideoSourceType = 'embed' | 'html5';
+declare class VideoPlayer {
+    private readonly sanitizer;
+    readonly src: _angular_core.InputSignal<string>;
+    readonly poster: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly autoplay: _angular_core.InputSignal<boolean>;
+    readonly embedStarted: _angular_core.WritableSignal<boolean>;
+    readonly isPlaying: _angular_core.WritableSignal<boolean>;
+    startEmbed(): void;
+    onVideoPlay(): void;
+    onVideoPause(): void;
+    /** YouTube/Vimeo → embed, else HTML5 */
+    readonly sourceType: _angular_core.Signal<VideoSourceType>;
+    /** Embed URL for YouTube/Vimeo iframe */
+    readonly embedUrl: _angular_core.Signal<string>;
+    readonly safeEmbedUrl: _angular_core.Signal<_angular_platform_browser.SafeResourceUrl>;
+    readonly videoType: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VideoPlayer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VideoPlayer, "ncim-video-player", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "poster": { "alias": "poster"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FeedbackSection {
+    readonly questionKey: _angular_core.InputSignal<string>;
+    readonly yesKey: _angular_core.InputSignal<string>;
+    readonly noKey: _angular_core.InputSignal<string>;
+    readonly feedback: _angular_core.OutputEmitterRef<"yes" | "no">;
+    readonly selected: _angular_core.WritableSignal<"yes" | "no" | null>;
+    onYes(): void;
+    onNo(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FeedbackSection, never>;
+    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 {
+    readonly mode: _angular_core.InputSignal<"edit" | "add">;
+    readonly initialTitle: _angular_core.InputSignal<string>;
+    readonly saveLoading: _angular_core.InputSignal<boolean>;
+    readonly saved: _angular_core.OutputEmitterRef<{
+        title: string;
+    }>;
+    readonly deleted: _angular_core.OutputEmitterRef<void>;
+    readonly form: FormGroup<{
+        title: FormControl<string | null>;
+    }>;
+    readonly isEditMode: _angular_core.Signal<boolean>;
+    readonly saveAttempted: _angular_core.WritableSignal<boolean>;
+    readonly isSubmitting: _angular_core.WritableSignal<boolean>;
+    private closeTimer;
+    constructor();
+    onSave(): void;
+    onDelete(): void;
+    private cancelClose;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SaveFilterPopup, never>;
+    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>;
+    readonly showClearAll: _angular_core.InputSignal<boolean>;
+    readonly quickFilterCounter: _angular_core.InputSignal<number>;
+    /** Dynamic title rendered as plain text (caller handles translation) */
+    readonly title: _angular_core.InputSignal<string>;
+    /** CSS gap value for the tags row (e.g. "8px", "var(--space-sm)"). Defaults to SCSS variable. */
+    readonly tagGap: _angular_core.InputSignal<string>;
+    /** Show an × remove button on each tag */
+    readonly showRemoveButton: _angular_core.InputSignal<boolean>;
+    /** justify-content for the row containing tags + actions. Defaults to 'space-between'. */
+    readonly rowJustify: _angular_core.InputSignal<string>;
+    readonly saveFilterClick: _angular_core.OutputEmitterRef<void>;
+    readonly clearAllClick: _angular_core.OutputEmitterRef<void>;
+    readonly filterTagClick: _angular_core.OutputEmitterRef<QuickFilterTag>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuickFilterBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuickFilterBar, "ncim-quick-filter-bar", never, { "activeFilters": { "alias": "activeFilters"; "required": false; "isSignal": true; }; "showSaveFilter": { "alias": "showSaveFilter"; "required": false; "isSignal": true; }; "showClearAll": { "alias": "showClearAll"; "required": false; "isSignal": true; }; "quickFilterCounter": { "alias": "quickFilterCounter"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "tagGap": { "alias": "tagGap"; "required": false; "isSignal": true; }; "showRemoveButton": { "alias": "showRemoveButton"; "required": false; "isSignal": true; }; "rowJustify": { "alias": "rowJustify"; "required": false; "isSignal": true; }; }, { "saveFilterClick": "saveFilterClick"; "clearAllClick": "clearAllClick"; "filterTagClick": "filterTagClick"; }, never, never, true, never>;
+}
+
+interface SelectableListItem<T = any> {
+    /** Unique value for the item */
+    value: string;
+    /** Primary label (e.g. "سوق التجارة - حي النزهة") */
+    label: string;
+    /** Secondary label (e.g. "453745339") */
+    subLabel?: string;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    metadata?: T;
+}
+
+declare class SelectableListWithSearch {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly items: _angular_core.InputSignal<SelectableListItem<any>[]>;
+    readonly itemTemplate: _angular_core.Signal<TemplateRef<{
+        $implicit: SelectableListItem;
+        index: number;
+    }> | null | undefined>;
+    readonly selectedValues: _angular_core.InputSignal<string[]>;
+    readonly variant: _angular_core.InputSignal<"primary" | "black">;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly multiSelect: _angular_core.InputSignal<boolean>;
+    readonly rtl: _angular_core.InputSignal<boolean>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<string[]>;
+    protected readonly searchQuery: _angular_core.WritableSignal<string>;
+    protected readonly filteredItems: _angular_core.Signal<SelectableListItem<any>[]>;
+    protected readonly selectedSet: _angular_core.Signal<Set<string>>;
+    protected isSelected(value: string): boolean;
+    protected onSearchInput(event: Event): void;
+    protected toggleItem(item: SelectableListItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectableListWithSearch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectableListWithSearch, "ncim-selectable-list-with-search", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectedValues": { "alias": "selectedValues"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "rtl": { "alias": "rtl"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["itemTemplate"], never, true, never>;
+}
+
+/**
+ * Thin animated progress bar fixed to the top of the viewport.
+ * Automatically visible whenever the LoadingService reports in-flight HTTP requests.
+ */
+declare class GlobalLoadingBar {
+    protected readonly loading: LoadingService;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GlobalLoadingBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GlobalLoadingBar, "ncim-global-loading-bar", never, {}, {}, never, never, true, never>;
+}
+
+type ImagePickerErrorType = 'type' | 'size';
+declare class ImagePicker implements ControlValueAccessor, Validator {
+    private readonly destroyRef;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly maxSizeMb: _angular_core.InputSignal<number>;
+    readonly value: _angular_core.InputSignal<string | File | null>;
+    readonly fileSelected: _angular_core.OutputEmitterRef<File>;
+    readonly cleared: _angular_core.OutputEmitterRef<void>;
+    readonly validationError: _angular_core.OutputEmitterRef<ImagePickerErrorType>;
+    readonly dragging: _angular_core.WritableSignal<boolean>;
+    readonly previewUrl: _angular_core.WritableSignal<string | null>;
+    readonly error: _angular_core.WritableSignal<ImagePickerErrorType | null>;
+    protected readonly isTouched: _angular_core.WritableSignal<boolean>;
+    readonly showRequiredError: _angular_core.Signal<boolean>;
+    private objectUrl;
+    private readonly cvdDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouchedFn;
+    private onValidatorChangeFn;
+    constructor();
+    writeValue(value: string | File | null): void;
+    registerOnChange(fn: (value: File | string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(_control: AbstractControl): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    openFile(fileInput: HTMLInputElement): void;
+    onFileChange(event: Event): void;
+    onDrop(e: DragEvent): void;
+    onDragOver(e: DragEvent): void;
+    onDragLeave(e: DragEvent): void;
+    clear(e: Event): void;
+    private markTouched;
+    private handleValueChange;
+    private setPreview;
+    private clearPreview;
+    private handleIncomingFile;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImagePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImagePicker, "ncim-image-picker", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxSizeMb": { "alias": "maxSizeMb"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "fileSelected": "fileSelected"; "cleared": "cleared"; "validationError": "validationError"; }, never, never, true, never>;
+}
+
+declare class ButtonWithSelectionCount implements ControlValueAccessor {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly submitted: _angular_core.InputSignal<boolean>;
+    readonly text: _angular_core.InputSignal<string | undefined>;
+    readonly clicked: _angular_core.OutputEmitterRef<void>;
+    readonly value: _angular_core.InputSignal<any[]>;
+    readonly touched: _angular_core.WritableSignal<boolean>;
+    readonly displayCount: _angular_core.Signal<number>;
+    private readonly ngControl;
+    constructor();
+    private onChange;
+    private onTouched;
+    readonly errorKey: _angular_core.Signal<string>;
+    readonly showError: _angular_core.Signal<boolean>;
+    onButtonClick(): void;
+    writeValue: (value: any[]) => void;
+    registerOnChange(fn: (value: any[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonWithSelectionCount, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonWithSelectionCount, "ncim-button-with-selection-count", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "submitted": { "alias": "submitted"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+declare class ProfileHero {
+    name: _angular_core.InputSignal<string>;
+    role: _angular_core.InputSignal<string>;
+    avatarUrl: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileHero, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileHero, "ncim-profile-hero", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface UploadedFile {
+    id: string;
+    file: File;
+    name: string;
+    sizeFormatted: string;
+}
+type RejectionReason = 'size' | 'type' | 'duplicate' | 'max_files';
+interface RejectedFile {
+    name: string;
+    reason: RejectionReason;
+}
+declare class FileUpload implements ControlValueAccessor, Validator {
+    private readonly destroyRef;
+    readonly maxSizeMB: _angular_core.InputSignal<number>;
+    readonly acceptedTypes: _angular_core.InputSignal<string[]>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly maxFiles: _angular_core.InputSignal<number>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly filesChanged: _angular_core.OutputEmitterRef<File[]>;
+    readonly filesRejected: _angular_core.OutputEmitterRef<RejectedFile[]>;
+    readonly isDragOver: _angular_core.WritableSignal<boolean>;
+    readonly uploadedFiles: _angular_core.WritableSignal<UploadedFile[]>;
+    readonly rejectedFiles: _angular_core.WritableSignal<RejectedFile[]>;
+    protected readonly isTouched: _angular_core.WritableSignal<boolean>;
+    readonly showRequiredError: _angular_core.Signal<boolean>;
+    readonly typesString: _angular_core.Signal<string>;
+    readonly acceptAttr: _angular_core.Signal<string>;
+    /** Stored reference so removeEventListener can target the same function */
+    private readonly boundFileHandler;
+    private fileInputEl;
+    private onChangeFn;
+    private onTouchedFn;
+    private onValidatorChangeFn;
+    constructor();
+    writeValue(files: File[] | null): void;
+    registerOnChange(fn: (files: File[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
+    validate(_control: AbstractControl): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    openFilePicker(): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    removeFile(id: string): void;
+    dismissRejected(): void;
+    private markTouched;
+    private notifyChange;
+    private onFileSelected;
+    private processFiles;
+    private formatSize;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUpload, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUpload, "ncim-file-upload", never, { "maxSizeMB": { "alias": "maxSizeMB"; "required": false; "isSignal": true; }; "acceptedTypes": { "alias": "acceptedTypes"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "filesChanged": "filesChanged"; "filesRejected": "filesRejected"; }, never, never, true, never>;
+}
+
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+declare class Tooltip {
+    readonly text: _angular_core.InputSignal<string>;
+    readonly position: _angular_core.InputSignal<TooltipPosition>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Z-index for the tooltip overlay. Default 1100. */
+    readonly zIndex: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tooltip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tooltip, "ncim-tooltip", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CopyNumber {
+    private readonly destroyRef;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly iconSize: _angular_core.InputSignal<number>;
+    readonly copied: _angular_core.WritableSignal<boolean>;
+    copy(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CopyNumber, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CopyNumber, "ncim-copy-number", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ClipboardButton {
+    private readonly destroyRef;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<number>;
+    readonly copied: _angular_core.OutputEmitterRef<void>;
+    readonly isCopied: _angular_core.WritableSignal<boolean>;
+    copy(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClipboardButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClipboardButton, "ncim-clipboard-button", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "copied": "copied"; }, never, never, true, never>;
+}
+
+/**
+ * Dumb atom: a button that emits a `clicked` event when the user triggers PDF export.
+ * Contains no service logic — the parent decides what to export and when.
+ */
+declare class ExportPdfButton {
+    /** Translation key for the button label. */
+    readonly labelKey: _angular_core.InputSignal<string>;
+    /** When true, shows a spinner and disables the button. */
+    readonly loading: _angular_core.InputSignal<boolean>;
+    /** When true, disables the button entirely. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Button style variant. */
+    readonly variant: _angular_core.InputSignal<"primary" | "outline">;
+    /** Emitted when the user clicks the export button. */
+    readonly clicked: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExportPdfButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ExportPdfButton, "ncim-export-pdf-button", never, { "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+/**
+ * Smart organism: wraps any content region and provides PDF export capability.
+ * The export button lives in the parent — wire it via a template reference variable.
+ *
+ * The filename can be provided in two ways:
+ *   1. Static input:   `[filename]="'violations-report'"`
+ *   2. At call time:   `pdfContainer.triggerExport('violations-report')`
+ *      — the call-time value takes priority over the input.
+ *
+ * Usage:
+ * ```html
+ * <ncim-export-pdf-container #pdfContainer [filename]="reportName()"
+ *                             (exportComplete)="onPdfReady()">
+ *   <ncim-page-header titleKey="VIOLATIONS.TITLE" />
+ *   <ncim-grid-table [columns]="cols()" [data]="rows()" />
+ * </ncim-export-pdf-container>
+ *
+ * <ncim-export-pdf-button
+ *   [loading]="pdfContainer.loading()"
+ *   (clicked)="pdfContainer.triggerExport()"
+ * />
+ * ```
+ */
+declare class ExportPdfContainer {
+    private readonly exportService;
+    private readonly contentRef;
+    /**
+     * Default PDF filename (without extension).
+     * Can be overridden per-call by passing a name to `triggerExport()`.
+     */
+    readonly filename: _angular_core.InputSignal<string>;
+    /**
+     * When true, generates multi-page A4 PDF with page numbers.
+     * When false (default), generates a single-page PDF whose height
+     * exactly matches the content — no white space at the bottom.
+     */
+    readonly pageNumbers: _angular_core.InputSignal<boolean>;
+    /** Emitted when export starts. */
+    readonly exportStarted: _angular_core.OutputEmitterRef<void>;
+    /** Emitted when PDF has been saved successfully. */
+    readonly exportComplete: _angular_core.OutputEmitterRef<void>;
+    /** Emitted with an error message if PDF generation fails. */
+    readonly exportError: _angular_core.OutputEmitterRef<string>;
+    /** True while PDF generation is in progress. Bind to button's [loading] input. */
+    readonly loading: _angular_core.WritableSignal<boolean>;
+    /**
+     * Triggers PDF export.
+     *
+     * @param filename - Optional filename override from the parent. When provided,
+     *                   takes priority over the `[filename]` input. Useful when the
+     *                   name depends on runtime data (e.g. entity name, current date).
+     * @param options  - Optional PDF options (orientation, scale, pageNumbers, jpegQuality).
+     *
+     * @example
+     * // Static name from input
+     * pdfContainer.triggerExport()
+     *
+     * // Dynamic name from parent
+     * pdfContainer.triggerExport(`violation-${this.id()}-report`)
+     *
+     * // With options
+     * pdfContainer.triggerExport('report', { orientation: 'landscape', jpegQuality: 0.85 })
+     */
+    triggerExport(filename?: string, options?: ExportPdfOptions): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExportPdfContainer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ExportPdfContainer, "ncim-export-pdf-container", never, { "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "pageNumbers": { "alias": "pageNumbers"; "required": false; "isSignal": true; }; }, { "exportStarted": "exportStarted"; "exportComplete": "exportComplete"; "exportError": "exportError"; }, never, ["*"], true, never>;
+}
+
+interface LicenseComplianceStats {
+    name: string;
+    id: string;
+    city: string;
+    trendData: number[];
+    value: number;
+    isUp: boolean;
+    lastVisit: string;
+    color: string;
+}
+interface ScaleIndicatorConfig {
+    title: string;
+    value: number;
+    activeColor: string;
+    labels?: ScaleIndicatorLabels;
+    /** Scale range min (default 0) */
+    min?: number;
+    /** Scale range max (default 100) */
+    max?: number;
+    /** Highlighted range start (with end, shows range bar) */
+    start?: number;
+    /** Highlighted range end (with start, shows range bar) */
+    end?: number;
+}
+declare const MARKET_CARDS: LicenseComplianceStats[];
+declare const COMPLIANCE_VS_VIOLATIONS_SERIES: ChartLineSeriesData[];
+declare const COMPLIANCE_CATEGORIES: string[];
+declare const COMPLIANCE_TREND_SERIES: ChartLineSeriesData[];
+declare const STACKED_BAR_SERIES: BarSeriesData[];
+declare const BAR_CATEGORIES: string[];
+declare const GROUPED_BAR_SERIES: BarSeriesData[];
+declare const INSPECTION_SERIES: ChartLineSeriesData[];
+declare const INSPECTION_CATEGORIES: string[];
+declare const MONTHLY_COMPLIANCE_SERIES: ChartLineSeriesData[];
+declare const AREA_CHART_DATA: number[];
+declare const AREA_CHART_CATEGORIES: string[];
+declare const DONUT_CHART_DATA: ChartSeriesItem[];
+declare const PIE_CHART_DATA: ChartSeriesItem[];
+declare const GAUGE_VALUE = 20;
+declare const SCALE_INDICATORS: ScaleIndicatorConfig[];
+declare const HORIZONTAL_BAR_DATA: HorizontalBarItem[];
+declare const MAP_MARKERS: MapMarkerData[];
+
+type StatusPageVariant = 'error' | 'warning' | 'info' | 'success' | 'neutral';
+/**
+ * Generic full-page status component for error, maintenance, permission, and empty states.
+ *
+ * Place action buttons (anchors, router links, retry buttons) via `ng-content`.
+ *
+ * @example
+ * <ncim-status-page icon="shield" iconVariant="error" code="403"
+ *   titleKey="STATUS_PAGES.403.TITLE" subtitleKey="STATUS_PAGES.403.SUBTITLE">
+ *   <ncim-button label="Back to Home" (click)="goHome()" />
+ * </ncim-status-page>
+ */
+declare class StatusPage {
+    /** Icon name from the ncim icon set. */
+    readonly icon: _angular_core.InputSignal<string>;
+    /** Background/foreground color variant for the icon wrapper. */
+    readonly iconVariant: _angular_core.InputSignal<StatusPageVariant>;
+    /** Optional image URL. When provided, renders an <img> instead of the icon wrapper. */
+    readonly imageSrc: _angular_core.InputSignal<string | undefined>;
+    /** Alt text for the image (accessibility). Defaults to empty string for decorative images. */
+    readonly imageAlt: _angular_core.InputSignal<string>;
+    /** Optional HTTP status code displayed as a badge (e.g. '403', '404'). */
+    readonly code: _angular_core.InputSignal<string | undefined>;
+    /** Required i18n key for the page title. */
+    readonly titleKey: _angular_core.InputSignal<string>;
+    /** Optional i18n key for the descriptive subtitle. */
+    readonly subtitleKey: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusPage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusPage, "ncim-status-page", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconVariant": { "alias": "iconVariant"; "required": false; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; "code": { "alias": "code"; "required": false; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": true; "isSignal": true; }; "subtitleKey": { "alias": "subtitleKey"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Inline error state for data-loading failures inside tables, cards, and sections.
+ *
+ * @example
+ * @if (tableError()) {
+ *   <ncim-api-error-state (retry)="loadData()" />
+ * }
+ */
+declare class ApiErrorState {
+    /** Custom i18n title key. Defaults to STATUS_PAGES.API_ERROR.TITLE. */
+    readonly titleKey: _angular_core.InputSignal<string>;
+    /** Custom i18n subtitle key. Defaults to STATUS_PAGES.API_ERROR.SUBTITLE. */
+    readonly subtitleKey: _angular_core.InputSignal<string>;
+    /** Show the retry button. */
+    readonly retryable: _angular_core.InputSignal<boolean>;
+    /** Emitted when the user clicks retry. */
+    readonly retry: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApiErrorState, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApiErrorState, "ncim-api-error-state", never, { "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "subtitleKey": { "alias": "subtitleKey"; "required": false; "isSignal": true; }; "retryable": { "alias": "retryable"; "required": false; "isSignal": true; }; }, { "retry": "retry"; }, never, never, true, never>;
+}
+
+declare class Stamp {
+    readonly color: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly date: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Stamp, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Stamp, "ncim-stamp", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface MultiSegmentBarItem {
+    label: string;
+    value: number;
+    maxValue: number;
+    color?: string;
+}
+declare class MultiSegmentBarChart {
+    private readonly el;
+    /** Data items for the bar chart */
+    readonly data: _angular_core.InputSignal<MultiSegmentBarItem[]>;
+    /** Bar height in pixels */
+    readonly barHeight: _angular_core.InputSignal<number>;
+    /** Number of segments to divide the bar into */
+    readonly segmentCount: _angular_core.InputSignal<number>;
+    /** Gap between bar segments in pixels */
+    readonly segmentGap: _angular_core.InputSignal<number>;
+    /** Gap between bar rows in pixels */
+    readonly rowGap: _angular_core.InputSignal<number>;
+    /** Default bar color if not provided in item */
+    readonly defaultColor: _angular_core.InputSignal<string>;
+    /** Track background color */
+    readonly trackColor: _angular_core.InputSignal<string>;
+    /** Manual override for RTL. Detected from parent if not provided. */
+    readonly isRtl: _angular_core.InputSignal<boolean | null>;
+    private readonly detectedIsRtl;
+    constructor();
+    readonly computedIsRtl: _angular_core.Signal<boolean>;
+    readonly computedBars: _angular_core.Signal<{
+        color: string;
+        segments: {
+            fill: number;
+        }[];
+        label: string;
+        value: number;
+        maxValue: number;
+    }[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSegmentBarChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSegmentBarChart, "ncim-multi-segment-bar-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "barHeight": { "alias": "barHeight"; "required": false; "isSignal": true; }; "segmentCount": { "alias": "segmentCount"; "required": false; "isSignal": true; }; "segmentGap": { "alias": "segmentGap"; "required": false; "isSignal": true; }; "rowGap": { "alias": "rowGap"; "required": false; "isSignal": true; }; "defaultColor": { "alias": "defaultColor"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "isRtl": { "alias": "isRtl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FormPasswordToggle {
+    readonly showPassword: _angular_core.InputSignal<boolean>;
+    readonly togglePassword: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormPasswordToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormPasswordToggle, "ncim-form-password-toggle", never, { "showPassword": { "alias": "showPassword"; "required": true; "isSignal": true; }; }, { "togglePassword": "togglePassword"; }, never, never, true, never>;
+}
+
+declare class SupportContactCard {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly buttonLabel: _angular_core.InputSignal<string>;
+    readonly visible: _angular_core.InputSignal<boolean>;
+    readonly newTicket: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SupportContactCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SupportContactCard, "ncim-support-contact-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": true; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; }, { "newTicket": "newTicket"; }, never, never, true, never>;
+}
+
+export { AREA_CHART_CATEGORIES, AREA_CHART_DATA, Accordion, AiChating, ApiErrorState, AreaChart, ArticleDetail, ArticleLayout, ArticlePage, ArticleSidebar, Attachments, AuthLayout, BAR_CATEGORIES, BarChart, BasicCard, Breadcrumb, BulletList, Button, ButtonWithSelectionCount, COMPLIANCE_CATEGORIES, COMPLIANCE_TREND_SERIES, COMPLIANCE_VS_VIOLATIONS_SERIES, CaptchaInput, Card, CardsListPage, CardsStatistics, CategoryTile, ChartLegend, Checkbox, CircularProgress, ClipboardButton, ColumnsEnum, CompleteTraining, ContentBlock, ContestedViolation, CopyNumber, CopyRight, CreateCategoryTile, CriteriaSection, DONUT_CHART_DATA, DashboardLayout, DgaTag, Divider, DonutChart, EmptyState, EntityInfoCard, EntitySummaryCard, EntityTypeCard, ExportPdfButton, ExportPdfContainer, Accordion as FaqAccordion, FeedbackSection, FileUpload, FilterForm, FormError, FormInput, FormLabel, FormMultiSelect, FormPasswordToggle, GAUGE_VALUE, GROUPED_BAR_SERIES, GaugeChart, GlobalLoadingBar, GridTable, HORIZONTAL_BAR_DATA, HorizontalBarChart, INSPECTION_CATEGORIES, INSPECTION_SERIES, Icon, IconCard, IconsDocument, ImagePicker, InfoRow, InspectionSummaryCard, ArticleLayout as KnowledgeArticleLayout, CardsListPage as KnowledgeListPage, ArticleSidebar as KnowledgeSidebar, NavCard as KnowledgeTopicCard, ContentBlock as KnowledgeTopicContent, ArticleDetail as KnowledgeTopicDetail, ArticlePage as KnowledgeTopicPage, NavCardsList as KnowledgeTopicsList, LicenseStatusCard, LineChart, LogoutModal, MAP_MARKERS, MARKET_CARDS, MONTHLY_COMPLIANCE_SERIES, MapView, MultiSegmentBarChart, MultiSegmentGauge, NavCard, NavCardsList, NavItemKey, NavSectionKey, NotificationListComponent, OptionGroup, OtpInput, PIE_CHART_DATA, PackageFeatureCard, PageError, PageHeader, PageNotFound, PenaltyBadge, PieChart, Popup, PopupModalBase, ProfileHero, ProgressBar, ProgressCard, QuickFilterBar, RadioButton, RadioGroup, RangeBar, RegisterLayout, RelatedCardsList, RelatedCardsList as RelatedTopicsList, RequestDetailsCard, RequestHeader, ResourcesList, RingChart, SCALE_INDICATORS, STACKED_BAR_SERIES, SaveFilterPopup, ScaleIndicator, SearchableUsersList, SelectableListWithSearch, SelectionButton, SettingsLayout, Sidebar, Skeleton, Sparkline, Spinner, SsoCallbackView, SsoErrorDisplay, StackedDistributionChart, Stamp, StatGauge, StatRing, StatsAnalyticsCard, StatusPage, Stepper, StoreLocations, SummaryCard, SupportContactCard, TabPanel, Tabs, TabsInkbarRtlDirective, Tooltip, ProgressCard as TrainingCard, VideoPlayer, ViolationHeader, ViolationInfoCard, ViolationStatusType, ViolationSummaryCard, ViolationTimeline, VisitDetails };
+export type { AIChatAction, AccordionItem, ActionButton, Attachment, BarSeriesData, BreadcrumbItem, ChartLegendItem, ChartLineSeriesData, ChartSeriesItem, ChartTooltipData, ContestedViolationData, ContestedViolationStatus, CriteriaItem, CriteriaSectionData, DgaTagSize, DgaTagStyle, DgaTagVariant, EChartTooltipParam, EntityInfoCardBadgeTone, EntitySummarySector, AccordionItem as FaqItem, FieldSize, FilterFieldConfig, FilterFieldType, FilterFormConfig, FooterAction, GridAction, GridActionType, GridColumn, GridColumnAction, GridMenuAction, GridMenuItem, GridPageEvent, GridRow, GridSortEvent, HorizontalBarItem, ImagePickerErrorType, InputFilter, InspectionSummaryData, InspectorObservation, NavCardItem as KnowledgeTopicListItem, LicenseComplianceStats, MapMarkerBadgeIcon, MapMarkerData, MultiSegmentBarItem, NavCardItem, NavItem, NavSection, Notification, NotificationAction, NotificationCategory, NotificationFilter, NotificationType, OptionItem, OverlayLineSeries, PenaltyBadgeLabels, PenaltyInfo, Permit, ProgressConfig, QuickFilterTag, Recommendation, RejectedFile, RejectionReason, RelatedCardItem, RelatedCardItem as RelatedTopicItem, RequestHeaderMetaItem, RequestStatus, ResourceItem, RestrictInput, RingChartLegendItem, ScaleIndicatorConfig, ScaleIndicatorLabels, SearchableUserListItem, SelectOption, SelectableListItem, SettingsNavItem, SidebarBrand, SkeletonAnimation, SkeletonVariant, StackedDistributionChartItem, StatGaugeRow, StatusConfig, StatusPageVariant, StepItem, TabItem, TimelineData, TimelineStep, TooltipPosition, UploadedFile, VideoSourceType, Violation, ViolationBreadcrumbItem, ViolationInfo, ViolationInfoLabels, ViolationStatus, ViolationSummary, ViolationSummaryLabels, VisitDetailsData };