@pecb-ui/components 1.1.13 → 1.1.16

package/index.d.ts

@@ -7,7 +7,7 @@ import { ControlValueAccessor } from '@angular/forms';
 import * as _pecb_ui_components from '@pecb-ui/components';
 import { Observable } from 'rxjs';
 
-type ButtonVariant = 'primary' | 'primary-outline' | 'primary-2' | 'primary-2-outline' | 'neutral' | 'neutral-outline' | 'secondary' | 'text' | 'text-muted' | 'text-brand' | 'destructive' | 'destructive-outline';
+type ButtonVariant = 'primary' | 'primary-outline' | 'primary-2' | 'primary-2-outline' | 'neutral' | 'neutral-outline' | 'secondary' | 'text' | 'text-muted' | 'text-brand' | 'success' | 'destructive' | 'destructive-outline';
 type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
 type ButtonIconStyle = 'none' | 'leading' | 'trailing' | 'icon-only';
 declare class ButtonComponent {
@@ -2128,7 +2128,7 @@ declare class ConfirmationComponent implements OnDestroy {
 }
 
 type AlertType = 'info' | 'success' | 'warning' | 'error';
-type AlertVariant = 'banner' | 'filled';
+type AlertVariant = 'banner' | 'filled' | 'callout';
 declare class AlertComponent implements OnDestroy {
     type: _angular_core.InputSignal<AlertType>;
     variant: _angular_core.InputSignal<AlertVariant>;
@@ -2437,14 +2437,14 @@ declare class TooltipDirective implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[pecbTooltip]", never, { "pecbTooltip": { "alias": "pecbTooltip"; "required": false; "isSignal": true; }; "tooltipTitle": { "alias": "tooltipTitle"; "required": false; "isSignal": true; }; "tooltipTheme": { "alias": "tooltipTheme"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipTrigger": { "alias": "tooltipTrigger"; "required": false; "isSignal": true; }; "tooltipPrimaryCta": { "alias": "tooltipPrimaryCta"; "required": false; "isSignal": true; }; "tooltipSecondaryCta": { "alias": "tooltipSecondaryCta"; "required": false; "isSignal": true; }; }, { "tooltipPrimaryCtaClick": "tooltipPrimaryCtaClick"; "tooltipSecondaryCtaClick": "tooltipSecondaryCtaClick"; }, never, never, true, never>;
 }
 
-type MetricsCardVariation = '1' | '2' | '3' | '4' | '5' | '6';
+type MetricsCardVariation = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
 type MetricsCardType = 'data+cta' | 'data-only';
 type MetricsCardOrientation = 'left-aligned' | 'center';
 type MetricsCardBadgeStatus = 'success' | 'warning' | 'error' | 'info';
-type MetricsCardIconBg = 'white' | 'pending' | 'success' | 'error' | 'info' | 'purple';
+type MetricsCardIconBg = 'white' | 'gray' | 'pending' | 'success' | 'error' | 'info' | 'purple';
 declare class MetricsCardComponent {
     private sanitizer;
-    /** Layout variation (1–6) matching the Figma design */
+    /** Layout variation (1–8) matching the Figma design; 7 is the member-dashboard enroll card, 8 the compact stat tile (value → label, small icon top-right) */
     variation: _angular_core.InputSignal<MetricsCardVariation>;
     /** Whether to render a CTA button/link */
     type: _angular_core.InputSignal<MetricsCardType>;
@@ -2483,7 +2483,7 @@ declare class MetricsCardComponent {
     ctaClicked: _angular_core.OutputEmitterRef<void>;
     safeIconSvg: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
     get hostClasses(): string;
-    /** Footer CTA renders for variations 2, 3, 4 (left-aligned) and 6 (center) */
+    /** Footer CTA renders for variations 2, 3, 4, 8 (left-aligned) and 6 (center) */
     get showFooterCta(): boolean;
     /** Inline CTA link renders for variations 1 and 5 */
     get showInlineCta(): boolean;
@@ -2498,6 +2498,495 @@ declare class MetricsCardComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricsCardComponent, "pecb-metrics-card", never, { "variation": { "alias": "variation"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "hasBadge": { "alias": "hasBadge"; "required": false; "isSignal": true; }; "badgeText": { "alias": "badgeText"; "required": false; "isSignal": true; }; "badgeStatus": { "alias": "badgeStatus"; "required": false; "isSignal": true; }; "hasDescription": { "alias": "hasDescription"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "ctaText": { "alias": "ctaText"; "required": false; "isSignal": true; }; "hasIcon": { "alias": "hasIcon"; "required": false; "isSignal": true; }; "iconSvg": { "alias": "iconSvg"; "required": false; "isSignal": true; }; "iconBg": { "alias": "iconBg"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "subtext": { "alias": "subtext"; "required": false; "isSignal": true; }; }, { "ctaClicked": "ctaClicked"; }, never, never, true, never>;
 }
 
+/**
+ * Badge variant type.
+ * - `dot`: small 6px red dot indicator
+ * - `count`: numbered badge (default or small size)
+ * - `status`: colored dot + text label
+ * - `soft`: dot-less pill — tinted background + colored text (uses `status` for the tone)
+ * - `ribbon`: colored tag with bottom-right arrow fold
+ */
+type BadgeVariant = 'dot' | 'count' | 'status' | 'soft' | 'ribbon';
+/**
+ * Count badge size.
+ * - `default`: 20px height, 14px font
+ * - `small`: 14px height, 12px font
+ */
+type BadgeSize = 'default' | 'small';
+/**
+ * Status badge type — determines the dot color.
+ */
+type BadgeStatus = 'success' | 'error' | 'default' | 'processing' | 'warning';
+/**
+ * Ribbon badge color.
+ */
+type RibbonColor = 'blue' | 'orange' | 'gray' | 'red' | 'purple' | 'green' | 'black';
+/**
+ * Badge component matching the PECB Figma design system.
+ *
+ * Three sub-types: Basic (dot/count), Status (dot + label), Ribbon (colored tag).
+ *
+ * @example
+ * ```html
+ * <!-- Dot indicator -->
+ * <pecb-badge variant="dot"></pecb-badge>
+ *
+ * <!-- Count badge -->
+ * <pecb-badge variant="count" [count]="21"></pecb-badge>
+ * <pecb-badge variant="count" [count]="5" size="small"></pecb-badge>
+ *
+ * <!-- Status badge -->
+ * <pecb-badge variant="status" status="success"></pecb-badge>
+ * <pecb-badge variant="status" status="error" label="Failed"></pecb-badge>
+ *
+ * <!-- Ribbon badge -->
+ * <pecb-badge variant="ribbon" ribbonColor="blue" text="New"></pecb-badge>
+ * ```
+ */
+declare class BadgeComponent {
+    /** Unique element ID */
+    id: _angular_core.InputSignal<string>;
+    /** Badge variant */
+    variant: _angular_core.InputSignal<BadgeVariant>;
+    /** Count number (for variant='count') */
+    count: _angular_core.InputSignal<number>;
+    /** Max count before showing "99+" (for variant='count') */
+    maxCount: _angular_core.InputSignal<number>;
+    /** Count badge size */
+    size: _angular_core.InputSignal<BadgeSize>;
+    /** Status type (for variant='status') */
+    status: _angular_core.InputSignal<BadgeStatus>;
+    /** Label text (for variant='status'). Defaults to the status name. */
+    label: _angular_core.InputSignal<string>;
+    /** Whether to show the label text (for variant='status') */
+    showLabel: _angular_core.InputSignal<boolean>;
+    /** Ribbon color (for variant='ribbon') */
+    ribbonColor: _angular_core.InputSignal<RibbonColor>;
+    /** Ribbon/badge text (for variant='ribbon') */
+    text: _angular_core.InputSignal<string>;
+    /** Aria-label for the dot indicator (variant='dot'). */
+    notificationAriaLabel: _angular_core.InputSignal<string>;
+    /** Word appended after the count in the count badge's aria-label (variant='count'). */
+    notificationsLabel: _angular_core.InputSignal<string>;
+    /** Formatted count display */
+    displayCount: _angular_core.Signal<string>;
+    /** Status label — uses explicit label or falls back to status name */
+    statusLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "pecb-badge", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "maxCount": { "alias": "maxCount"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "ribbonColor": { "alias": "ribbonColor"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "notificationAriaLabel": { "alias": "notificationAriaLabel"; "required": false; "isSignal": true; }; "notificationsLabel": { "alias": "notificationsLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Tint applied to the head icon (and mapped to the status pill colour). */
+type CredentialCardTone = 'success' | 'warning' | 'error' | 'neutral';
+/** Plain label/value line in the card body (e.g. Issued / Expires). */
+interface CredentialCardMetaRow {
+    label: string;
+    value: string;
+}
+/** Progress line with a bar and an inline "+" action (e.g. earned credits, paid fees). */
+interface CredentialCardProgress {
+    /** Echoed back on (progressAction) */
+    id: string;
+    label: string;
+    /** Right-aligned counter text, e.g. "30/90" */
+    valueText: string;
+    /** 0-100; colours the bar: 100 green, >=50 orange, below red */
+    percent: number;
+    /** Disables the "+" button (e.g. requirement already met) */
+    actionDisabled?: boolean;
+    actionAriaLabel?: string;
+}
+/** Footer action button. */
+interface CredentialCardAction {
+    /** Echoed back on (actionClick) */
+    id: string;
+    label: string;
+    /** 'primary' = solid dark, 'ghost' = outline; defaults to 'ghost' */
+    variant?: 'primary' | 'ghost';
+    /** Raw SVG string rendered before the label */
+    icon?: string;
+    disabled?: boolean;
+}
+/**
+ * Credential card — a summary tile for a credential/qualification.
+ *
+ * Composes the head (award icon + status pill + title), a digital-badge row with a Claim/View button, meta rows, progress bars with inline "+" actions, a
+ * tinted notice (expired/suspended/revoked/pending reasons — supports <b> markup),
+ * footer action buttons, an optional centered link and an optional muted footnote.
+ * Purely presentational: every interaction surfaces through outputs.
+ */
+declare class CredentialCardComponent {
+    private sanitizer;
+    /** Credential title */
+    title: _angular_core.InputSignal<string>;
+    /** Head icon tint + status pill colour */
+    tone: _angular_core.InputSignal<CredentialCardTone>;
+    /** Status pill text; pill hidden when empty */
+    statusLabel: _angular_core.InputSignal<string>;
+    /** Show the badge (digital badge) row */
+    showBadge: _angular_core.InputSignal<boolean>;
+    /** Badge row label */
+    badgeLabel: _angular_core.InputSignal<string>;
+    /** Whether the digital badge has been claimed */
+    badgeClaimed: _angular_core.InputSignal<boolean>;
+    claimedLabel: _angular_core.InputSignal<string>;
+    notClaimedLabel: _angular_core.InputSignal<string>;
+    /** Claim/View button text; button hidden when empty */
+    badgeButtonLabel: _angular_core.InputSignal<string>;
+    /** Label/value lines (Issued, Expires, ...) */
+    metaRows: _angular_core.InputSignal<CredentialCardMetaRow[]>;
+    /** Progress lines (credits, fees, ...) */
+    progressRows: _angular_core.InputSignal<CredentialCardProgress[]>;
+    /** Notice text (supports <b>); hidden when empty */
+    noticeText: _angular_core.InputSignal<string>;
+    /** Notice tint */
+    noticeTone: _angular_core.InputSignal<"error" | "warning">;
+    /** Footer buttons */
+    actions: _angular_core.InputSignal<CredentialCardAction[]>;
+    /** 'row' = side by side, 'stack' = full-width column */
+    actionsLayout: _angular_core.InputSignal<"row" | "stack">;
+    /** Centered text link under the actions (e.g. a policy link); hidden when empty */
+    linkLabel: _angular_core.InputSignal<string>;
+    /** Muted centered footnote (e.g. an in-progress note); hidden when empty */
+    footnote: _angular_core.InputSignal<string>;
+    /** Claim/View button clicked */
+    badgeAction: _angular_core.OutputEmitterRef<void>;
+    /** A progress row's "+" clicked — emits the row id */
+    progressAction: _angular_core.OutputEmitterRef<string>;
+    /** A footer action clicked — emits the action id */
+    actionClick: _angular_core.OutputEmitterRef<string>;
+    /** The centered link clicked */
+    linkClick: _angular_core.OutputEmitterRef<void>;
+    readonly awardIcon: _angular_platform_browser.SafeHtml;
+    readonly plusIcon: _angular_platform_browser.SafeHtml;
+    readonly safeNotice: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    readonly pillStatus: _angular_core.Signal<BadgeStatus>;
+    clampPercent(percent: number): number;
+    barToneClass(percent: number): string;
+    actionClass(action: CredentialCardAction): string;
+    safeSvg(svg: string | undefined): _angular_platform_browser.SafeHtml | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CredentialCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CredentialCardComponent, "pecb-credential-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "badgeLabel": { "alias": "badgeLabel"; "required": false; "isSignal": true; }; "badgeClaimed": { "alias": "badgeClaimed"; "required": false; "isSignal": true; }; "claimedLabel": { "alias": "claimedLabel"; "required": false; "isSignal": true; }; "notClaimedLabel": { "alias": "notClaimedLabel"; "required": false; "isSignal": true; }; "badgeButtonLabel": { "alias": "badgeButtonLabel"; "required": false; "isSignal": true; }; "metaRows": { "alias": "metaRows"; "required": false; "isSignal": true; }; "progressRows": { "alias": "progressRows"; "required": false; "isSignal": true; }; "noticeText": { "alias": "noticeText"; "required": false; "isSignal": true; }; "noticeTone": { "alias": "noticeTone"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; "isSignal": true; }; "linkLabel": { "alias": "linkLabel"; "required": false; "isSignal": true; }; "footnote": { "alias": "footnote"; "required": false; "isSignal": true; }; }, { "badgeAction": "badgeAction"; "progressAction": "progressAction"; "actionClick": "actionClick"; "linkClick": "linkClick"; }, never, never, true, never>;
+}
+
+/**
+ * Payment plan card — one selectable payment option (e.g. "Pay annually" vs
+ * "Pay full cycle"): centered title/description, applied-benefit chips, an
+ * old/new price pair, a tinted bullet box and a full-width action button.
+ * `emphasized` renders the dark-border "best value" treatment with an optional
+ * corner badge (e.g. "Save $65").
+ */
+declare class PaymentPlanCardComponent {
+    private sanitizer;
+    title: _angular_core.InputSignal<string>;
+    /** Short line under the title */
+    description: _angular_core.InputSignal<string>;
+    /** Corner badge text (e.g. "Save $65"); hidden when empty */
+    badgeText: _angular_core.InputSignal<string>;
+    /** Small check-prefixed chips above the price (e.g. "Cap Applied") */
+    appliedChips: _angular_core.InputSignal<string[]>;
+    /** Struck-through price, hidden when empty (e.g. "$780.00") */
+    oldPriceText: _angular_core.InputSignal<string>;
+    /** Highlighted price (e.g. "$585.00") */
+    priceText: _angular_core.InputSignal<string>;
+    /** Muted line under the price */
+    subText: _angular_core.InputSignal<string>;
+    /** Tinted box bullet lines — support <b> markup */
+    bullets: _angular_core.InputSignal<string[]>;
+    buttonLabel: _angular_core.InputSignal<string>;
+    buttonVariant: _angular_core.InputSignal<"primary" | "ghost">;
+    buttonDisabled: _angular_core.InputSignal<boolean>;
+    /** Dark-border "best value" treatment */
+    emphasized: _angular_core.InputSignal<boolean>;
+    action: _angular_core.OutputEmitterRef<void>;
+    readonly safeBullets: _angular_core.Signal<_angular_platform_browser.SafeHtml[]>;
+    get cardClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaymentPlanCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaymentPlanCardComponent, "pecb-payment-plan-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "badgeText": { "alias": "badgeText"; "required": false; "isSignal": true; }; "appliedChips": { "alias": "appliedChips"; "required": false; "isSignal": true; }; "oldPriceText": { "alias": "oldPriceText"; "required": false; "isSignal": true; }; "priceText": { "alias": "priceText"; "required": false; "isSignal": true; }; "subText": { "alias": "subText"; "required": false; "isSignal": true; }; "bullets": { "alias": "bullets"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; "isSignal": true; }; "buttonDisabled": { "alias": "buttonDisabled"; "required": false; "isSignal": true; }; "emphasized": { "alias": "emphasized"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, never, true, never>;
+}
+
+/** One line of the payment summary. */
+interface PaymentSummaryRow {
+    label: string;
+    valueText: string;
+    /** 'success' tints the value green (e.g. a discount) */
+    highlight?: 'success' | 'none';
+    /** Bold/large emphasis (e.g. the final total) */
+    emphasis?: boolean;
+}
+/**
+ * Payment summary panel — totals rows, an optional savings note, projected
+ * content (e.g. a tax breakdown) and a full-width pay button. Presentational;
+ * make it sticky from the consumer when needed.
+ */
+declare class PaymentSummaryComponent {
+    heading: _angular_core.InputSignal<string>;
+    rows: _angular_core.InputSignal<PaymentSummaryRow[]>;
+    /** Muted line under the rows (e.g. "You save $65.00"); hidden when empty */
+    saveNote: _angular_core.InputSignal<string>;
+    buttonLabel: _angular_core.InputSignal<string>;
+    buttonDisabled: _angular_core.InputSignal<boolean>;
+    action: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaymentSummaryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaymentSummaryComponent, "pecb-payment-summary", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "saveNote": { "alias": "saveNote"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "buttonDisabled": { "alias": "buttonDisabled"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, ["*"], true, never>;
+}
+
+/** One period checkbox of a schedule card. Fully controlled by the consumer. */
+interface PaymentScheduleCardPeriod {
+    /** Echoed back on (periodToggle) */
+    id: string | number;
+    label: string;
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Already paid — checked and locked */
+    paid?: boolean;
+    /** Payment already initiated (open invoice) — locked and highlighted */
+    pending?: boolean;
+    disabled?: boolean;
+    /** Tooltip (e.g. why this period is locked, or its invoice reference) */
+    hint?: string;
+    /** Small badge after the label (e.g. "Free") */
+    badge?: string;
+}
+type PaymentScheduleCardTone = 'success' | 'warning' | 'error' | 'neutral';
+/** Meta column of the card header (e.g. Obtained in / Expires). */
+interface PaymentScheduleCardMeta {
+    label: string;
+    value: string;
+}
+/** Quick action rendered in the expanded body. */
+interface PaymentScheduleCardAction {
+    id: string;
+    label: string;
+    variant?: 'primary' | 'ghost';
+    disabled?: boolean;
+}
+/**
+ * Payment schedule card — a collapsible per-item card (e.g. one credential)
+ * with status-tinted border, meta columns, period checkboxes, quick actions
+ * and a per-item total. Selection state is fully controlled by the consumer:
+ * the card only reports (periodToggle) and never decides eligibility itself.
+ */
+declare class PaymentScheduleCardComponent {
+    title: _angular_core.InputSignal<string>;
+    /** Small chip next to the title (e.g. "Cycle 1") */
+    tagLabel: _angular_core.InputSignal<string>;
+    /** Border/status tint */
+    tone: _angular_core.InputSignal<PaymentScheduleCardTone>;
+    /** Leading round status icon tinted by tone */
+    showStatusIcon: _angular_core.InputSignal<boolean>;
+    /** Status pill text (e.g. "Overdue"); hidden when empty */
+    statusLabel: _angular_core.InputSignal<string>;
+    meta: _angular_core.InputSignal<PaymentScheduleCardMeta[]>;
+    periods: _angular_core.InputSignal<PaymentScheduleCardPeriod[]>;
+    actions: _angular_core.InputSignal<PaymentScheduleCardAction[]>;
+    /** Per-item amount shown in the expanded body (e.g. "$260.00"); hidden when empty */
+    totalText: _angular_core.InputSignal<string>;
+    /** Expanded body heading (e.g. "Payment Options"); hidden when empty */
+    bodyTitle: _angular_core.InputSignal<string>;
+    /** Small label above the amount (e.g. "Amount") */
+    amountLabel: _angular_core.InputSignal<string>;
+    /** Line above the period checkboxes (e.g. "Years (select) - $130/year") */
+    periodsLabel: _angular_core.InputSignal<string>;
+    /** Muted hint under the periods (e.g. "Select all 3 years to unlock a 10% discount") */
+    bodyHint: _angular_core.InputSignal<string>;
+    /** Suffix appended to paid period labels (e.g. " · Included") */
+    paidSuffix: _angular_core.InputSignal<string>;
+    /** Collapsible open state; supports [(expanded)] */
+    expanded: _angular_core.ModelSignal<boolean>;
+    collapsible: _angular_core.InputSignal<boolean>;
+    periodToggle: _angular_core.OutputEmitterRef<{
+        id: string | number;
+        checked: boolean;
+    }>;
+    actionClick: _angular_core.OutputEmitterRef<string>;
+    toggleExpanded(): void;
+    onPeriodChange(period: PaymentScheduleCardPeriod, checked: boolean): void;
+    isChecked(period: PaymentScheduleCardPeriod): boolean;
+    isLocked(period: PaymentScheduleCardPeriod): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaymentScheduleCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaymentScheduleCardComponent, "pecb-payment-schedule-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "tagLabel": { "alias": "tagLabel"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "showStatusIcon": { "alias": "showStatusIcon"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "periods": { "alias": "periods"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "totalText": { "alias": "totalText"; "required": false; "isSignal": true; }; "bodyTitle": { "alias": "bodyTitle"; "required": false; "isSignal": true; }; "amountLabel": { "alias": "amountLabel"; "required": false; "isSignal": true; }; "periodsLabel": { "alias": "periodsLabel"; "required": false; "isSignal": true; }; "bodyHint": { "alias": "bodyHint"; "required": false; "isSignal": true; }; "paidSuffix": { "alias": "paidSuffix"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "periodToggle": "periodToggle"; "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+/** One selectable payment period (e.g. a period). */
+interface PeriodPaymentModalPeriod {
+    /** Echoed back on (selectionChange) */
+    id: string | number;
+    /** e.g. "2026" or "2028 (Renewal)" */
+    label: string;
+    /** Already paid — shown checked and locked */
+    paid?: boolean;
+    /** Payment already initiated (e.g. an open invoice) — locked and highlighted */
+    pending?: boolean;
+    /** Force-disabled regardless of the sequential rule */
+    disabled?: boolean;
+    /** Tooltip shown on the period (e.g. the pending invoice reference) */
+    hint?: string;
+}
+/**
+ * Period payment modal — centered dialog to pick sequential payment periods
+ * (e.g. the years to pay for a credential): a period unlocks once the previous
+ * one is paid or selected, with an optional discount note, a primary
+ * "Pay $X now" button and an optional secondary "pay all" action.
+ *
+ * Presentational: amounts are computed by the consumer (backend) and passed in
+ * via `payLabel`; every interaction surfaces through outputs. Rendered in a CDK
+ * overlay like `pecb-confirmation` (same backdrop/escape/focus handling).
+ */
+declare class PeriodPaymentModalComponent implements OnDestroy {
+    private sanitizer;
+    id: _angular_core.InputSignal<string>;
+    /** Whether the dialog is visible. Supports [(isOpen)]. */
+    isOpen: _angular_core.ModelSignal<boolean>;
+    /** Dialog heading */
+    title: _angular_core.InputSignal<string>;
+    /** Intro line under the title — supports <b> markup */
+    description: _angular_core.InputSignal<string>;
+    /** Selectable periods, in payment order */
+    periods: _angular_core.InputSignal<PeriodPaymentModalPeriod[]>;
+    /** Shows a centered spinner instead of the periods while data loads */
+    loading: _angular_core.InputSignal<boolean>;
+    /**
+     * Sequential selection: a period can only be picked when the previous one is
+     * paid or selected; unselecting a period clears the later ones.
+     */
+    sequential: _angular_core.InputSignal<boolean>;
+    /** Optional tinted note (e.g. the all-years discount) — supports <b> markup */
+    note: _angular_core.InputSignal<string>;
+    /** Primary button label, e.g. "Pay $130.00 now" */
+    payLabel: _angular_core.InputSignal<string>;
+    /** Disables the primary button (e.g. nothing selected) */
+    payDisabled: _angular_core.InputSignal<boolean>;
+    /** Shows a loading state on the primary button */
+    payLoading: _angular_core.InputSignal<boolean>;
+    /** Secondary full-width action label; hidden when empty */
+    payAllLabel: _angular_core.InputSignal<string>;
+    /** Tooltip shown on periods locked by the sequential rule (e.g. "Select periods in order") */
+    lockedHint: _angular_core.InputSignal<string>;
+    /** Accessible label for the close (×) button. Override to localize. */
+    closeAriaLabel: _angular_core.InputSignal<string>;
+    closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    closeOnEscape: _angular_core.InputSignal<boolean>;
+    /** Selected period ids (excluding already-paid periods), in list order */
+    selectionChange: _angular_core.OutputEmitterRef<(string | number)[]>;
+    /** Primary button clicked */
+    pay: _angular_core.OutputEmitterRef<void>;
+    /** Secondary button clicked */
+    payAll: _angular_core.OutputEmitterRef<void>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private dialogTemplate;
+    private overlayRef;
+    private portal;
+    private subscriptions;
+    private previousActiveElement;
+    readonly selected: _angular_core.WritableSignal<ReadonlySet<string | number>>;
+    readonly safeDescription: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    readonly safeNote: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    constructor();
+    ngOnDestroy(): void;
+    get titleId(): string;
+    isChecked(period: PeriodPaymentModalPeriod): boolean;
+    isDisabled(period: PeriodPaymentModalPeriod, index: number): boolean;
+    /** Tooltip for one period: its own hint, or the sequential-lock hint. */
+    hintFor(period: PeriodPaymentModalPeriod, index: number): string | null;
+    toggle(period: PeriodPaymentModalPeriod, index: number, checked: boolean): void;
+    private emitSelection;
+    onPay(): void;
+    onPayAll(): void;
+    close(): void;
+    private openOverlay;
+    private destroyOverlay;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PeriodPaymentModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PeriodPaymentModalComponent, "pecb-period-payment-modal", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "periods": { "alias": "periods"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "sequential": { "alias": "sequential"; "required": false; "isSignal": true; }; "note": { "alias": "note"; "required": false; "isSignal": true; }; "payLabel": { "alias": "payLabel"; "required": false; "isSignal": true; }; "payDisabled": { "alias": "payDisabled"; "required": false; "isSignal": true; }; "payLoading": { "alias": "payLoading"; "required": false; "isSignal": true; }; "payAllLabel": { "alias": "payAllLabel"; "required": false; "isSignal": true; }; "lockedHint": { "alias": "lockedHint"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "selectionChange": "selectionChange"; "pay": "pay"; "payAll": "payAll"; "closed": "closed"; }, never, never, true, never>;
+}
+
+/**
+ * Outlined form field — a bordered container with the label floating on the
+ * border (fieldset/legend style). Project any control into it: native
+ * input/select/textarea (they are styled borderless inside) or another
+ * component such as `pecb-tag-select`.
+ */
+declare class OutlinedFieldComponent {
+    label: _angular_core.InputSignal<string>;
+    /** Renders the error border/label colour */
+    error: _angular_core.InputSignal<boolean>;
+    /** Message under the field; shown only when error is true */
+    errorMessage: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OutlinedFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OutlinedFieldComponent, "pecb-outlined-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface TagSelectOption {
+    label: string;
+    value: unknown;
+    disabled?: boolean;
+}
+/**
+ * Tag select — a multi-select whose trigger shows the chosen options as
+ * removable chips, with a searchable option menu underneath. Borderless by
+ * design so it can sit inside `pecb-outlined-field`; give it a border via the
+ * host page when used standalone. Implements ControlValueAccessor
+ * (value: unknown[]).
+ */
+declare class TagSelectComponent implements ControlValueAccessor {
+    private host;
+    options: _angular_core.InputSignal<TagSelectOption[]>;
+    placeholder: _angular_core.InputSignal<string>;
+    searchPlaceholder: _angular_core.InputSignal<string>;
+    /** Empty-results text inside the menu */
+    noResultsText: _angular_core.InputSignal<string>;
+    removeAriaLabel: _angular_core.InputSignal<string>;
+    selectionChange: _angular_core.OutputEmitterRef<unknown[]>;
+    readonly open: _angular_core.WritableSignal<boolean>;
+    readonly query: _angular_core.WritableSignal<string>;
+    readonly selected: _angular_core.WritableSignal<unknown[]>;
+    readonly disabled: _angular_core.WritableSignal<boolean>;
+    private onChange;
+    private onTouched;
+    readonly selectedOptions: _angular_core.Signal<TagSelectOption[]>;
+    readonly filteredOptions: _angular_core.Signal<TagSelectOption[]>;
+    onDocumentClick(event: MouseEvent): void;
+    onEscape(): void;
+    toggleMenu(): void;
+    isSelected(option: TagSelectOption): boolean;
+    toggleOption(option: TagSelectOption): void;
+    removeValue(value: unknown, event: Event): void;
+    onSearch(event: Event): void;
+    private commit;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagSelectComponent, "pecb-tag-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+/**
+ * Form section card — a numbered, collapsible container for one repeatable
+ * form section (e.g. "Activity 1 of 3"): number badge, title, subtitle,
+ * optional remove button and a collapse chevron; the form itself is projected.
+ */
+declare class FormSectionCardComponent {
+    /** 1-based number shown in the badge */
+    index: _angular_core.InputSignal<number>;
+    title: _angular_core.InputSignal<string>;
+    subtitle: _angular_core.InputSignal<string>;
+    /** Shows the remove (trash) button */
+    removable: _angular_core.InputSignal<boolean>;
+    collapsible: _angular_core.InputSignal<boolean>;
+    removeAriaLabel: _angular_core.InputSignal<string>;
+    toggleAriaLabel: _angular_core.InputSignal<string>;
+    /** Supports [(expanded)] */
+    expanded: _angular_core.ModelSignal<boolean>;
+    removed: _angular_core.OutputEmitterRef<void>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSectionCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSectionCardComponent, "pecb-form-section-card", never, { "index": { "alias": "index"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; "toggleAriaLabel": { "alias": "toggleAriaLabel"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "removed": "removed"; }, never, ["*"], true, never>;
+}
+
 interface FloatButtonAction {
     /** Unique identifier used for tracking and emitting click events */
     id: string;
@@ -4204,6 +4693,511 @@ declare class CoursePlayerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CoursePlayerComponent, "pecb-course-player", never, { "modules": { "alias": "modules"; "required": false; "isSignal": true; }; "transcript": { "alias": "transcript"; "required": false; "isSignal": true; }; "activeLessonId": { "alias": "activeLessonId"; "required": false; "isSignal": true; }; "playing": { "alias": "playing"; "required": false; "isSignal": true; }; "currentTime": { "alias": "currentTime"; "required": false; "isSignal": true; }; "panelTab": { "alias": "panelTab"; "required": false; "isSignal": true; }; "poster": { "alias": "poster"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "tracks": { "alias": "tracks"; "required": false; "isSignal": true; }; "stageLabel": { "alias": "stageLabel"; "required": false; "isSignal": true; }; "watermark": { "alias": "watermark"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "preload": { "alias": "preload"; "required": false; "isSignal": true; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; "isSignal": true; }; "seekStep": { "alias": "seekStep"; "required": false; "isSignal": true; }; "videoLabels": { "alias": "videoLabels"; "required": false; "isSignal": true; }; "autoPlayOnSelect": { "alias": "autoPlayOnSelect"; "required": false; "isSignal": true; }; "showLessonTitle": { "alias": "showLessonTitle"; "required": false; "isSignal": true; }; "panelPosition": { "alias": "panelPosition"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "showTabs": { "alias": "showTabs"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "soloSingleLessonModules": { "alias": "soloSingleLessonModules"; "required": false; "isSignal": true; }; "panelLabels": { "alias": "panelLabels"; "required": false; "isSignal": true; }; }, { "activeLessonId": "activeLessonIdChange"; "playing": "playingChange"; "currentTime": "currentTimeChange"; "panelTab": "panelTabChange"; "lessonSelect": "lessonSelect"; "lessonEnded": "lessonEnded"; "timeUpdate": "timeUpdate"; "certificateClick": "certificateClick"; "playerError": "playerError"; }, never, never, true, never>;
 }
 
+/** One entry of the day switcher (mock `.sl-day` pills). */
+interface SlideViewerDay {
+    /** Stable identifier handed back by `dayChange` / `activeDayId`. */
+    id: string | number;
+    /** Pill text, e.g. `Day 1`. */
+    label: string;
+    /** Free-form data for a custom day template. */
+    meta?: Record<string, unknown>;
+}
+/**
+ * One slide. The viewer only needs an image per slide — how the image is produced
+ * (rendered from a PDF, exported from PowerPoint, served by a CDN) is up to the
+ * consumer, which keeps the element free of any PDF dependency.
+ */
+interface SlideViewerSlide {
+    /** Identifier, echoed in events and used for selection. Defaults to the 1-based index. */
+    id?: string | number;
+    /**
+     * Large image shown on the stage. When missing the stage shows `thumbnail` and emits
+     * `fullImageRequest` so the host can render it lazily.
+     */
+    image?: string;
+    /**
+     * Small image shown in the sidebar. Falls back to `image`. While missing (a deck that
+     * publishes every page first and renders thumbnails later) the tile shows a shimmer.
+     */
+    thumbnail?: string;
+    /** Accessible / searchable title. Defaults to `{slide} {n}` from the labels. */
+    title?: string;
+    /** Extracted text used by the keyword search (not rendered). */
+    text?: string;
+    /** Skipped by navigation while `skipHidden` is on; still listed in the sidebar (dimmed). */
+    hidden?: boolean;
+    /** Free-form data the consumer wants to carry along (templates receive it). */
+    meta?: Record<string, unknown>;
+}
+/** Built-in tool buttons of the top bar, in the order they render. */
+type SlideViewerTool = 'notes' | 'feedback' | 'courseFiles' | 'downloadSlides';
+/** Where the thumbnail sidebar sits. */
+type SlideViewerSidebarPosition = 'end' | 'start' | 'none';
+/** Keyboard actions the viewer handles on its region. */
+type SlideViewerKeyAction = 'next' | 'previous' | 'first' | 'last' | 'fullscreen' | 'search' | 'zoomIn' | 'zoomOut' | 'zoomReset';
+/** Keys per action. Override any subset via the `keyMap` input; an empty array disables the action. */
+type SlideViewerKeyMap = Record<SlideViewerKeyAction, readonly string[]>;
+declare const DEFAULT_SLIDE_VIEWER_KEY_MAP: SlideViewerKeyMap;
+/** Payload of the `tool` output. */
+interface SlideViewerToolEvent {
+    tool: SlideViewerTool;
+    /** Slide shown when the tool was pressed (1-based). */
+    page: number;
+}
+/** Payload of `slideChange`. */
+interface SlideViewerPageEvent {
+    /** 1-based slide number. */
+    page: number;
+    total: number;
+    slide: SlideViewerSlide | null;
+    /** What triggered the change. */
+    source: 'nav' | 'input' | 'thumbnail' | 'keyboard' | 'wheel' | 'day' | 'api';
+}
+/** Payload of `searchChange`. */
+interface SlideViewerSearchEvent {
+    term: string;
+    /** 1-based slide numbers that match (all slides when the term is empty). */
+    matches: number[];
+}
+/** Payload of `slideMove` (drag & drop reorder in the sidebar). */
+interface SlideViewerMoveEvent {
+    /** 1-based position the slide was dragged from. */
+    from: number;
+    /** 1-based position it was dropped at. */
+    to: number;
+    slide: SlideViewerSlide;
+}
+/** Context handed to a `pecbSlideViewerThumbnail` template. */
+interface SlideViewerThumbnailContext {
+    $implicit: SlideViewerSlide;
+    /** 1-based slide number. */
+    index: number;
+    active: boolean;
+    selected: boolean;
+}
+/** Context handed to a `pecbSlideViewerDay` template. */
+interface SlideViewerDayContext {
+    $implicit: SlideViewerDay;
+    active: boolean;
+}
+/**
+ * All user-visible strings. Override any subset via the `labels` input to
+ * translate the viewer. `{n}` / `{total}` are substituted where noted.
+ */
+interface SlideViewerLabels {
+    /** Region name for assistive tech. */
+    viewer: string;
+    /** Default slide title — `{n}` is the slide number. */
+    slide: string;
+    /** Separator text before the total, e.g. `/`. */
+    of: string;
+    /** Aria-label of the slide-number input. */
+    slideNumber: string;
+    first: string;
+    previous: string;
+    next: string;
+    last: string;
+    enterFullscreen: string;
+    exitFullscreen: string;
+    zoomIn: string;
+    zoomOut: string;
+    zoomReset: string;
+    /** Note panel header. */
+    note: string;
+    days: string;
+    thumbnails: string;
+    searchPlaceholder: string;
+    /** Shown while a keyword filters the list — `{n}` matches, `{total}` slides. */
+    searchResults: string;
+    noResults: string;
+    loading: string;
+    /** Aria-label of a tile checkbox in selection mode — `{n}` is the slide number. */
+    selectSlide: string;
+    /** Aria description of a draggable tile. */
+    dragHint: string;
+    /** Badge on a hidden slide's tile. */
+    hidden: string;
+    /** Stage message when there are no slides (and nothing is loading). */
+    emptyTitle: string;
+    emptyHint: string;
+    /** Stage message while `error` is set. */
+    errorTitle: string;
+    errorHint: string;
+    /** Retry button in the error state. */
+    retry: string;
+    /** Screen-reader announcement on slide change — `{n}` current, `{total}` count. */
+    slideAnnouncement: string;
+    /** Shown on the shimmering stage while `loadingProgress` is known — `{percent}` 0–100. */
+    loadingProgress: string;
+    notes: string;
+    feedback: string;
+    courseFiles: string;
+    downloadSlides: string;
+    /** Tooltip of the disabled download button. */
+    downloadUnavailable: string;
+}
+declare const DEFAULT_SLIDE_VIEWER_LABELS: SlideViewerLabels;
+/** Default set and order of the top-bar tools. */
+declare const DEFAULT_SLIDE_VIEWER_TOOLS: readonly SlideViewerTool[];
+/** Zoom steps offered by the stage (1 = fit). */
+declare const DEFAULT_SLIDE_VIEWER_ZOOM_STEPS: readonly number[];
+/** Clamp a 1-based page into `[1, total]` (`1` when there are no slides). */
+declare function clampSlidePage(page: number, total: number): number;
+/**
+ * Custom content rendered over each sidebar tile (badges, checkmarks, a drag handle…).
+ * ```html
+ * <ng-template pecbSlideViewerThumbnail let-slide let-n="index">
+ *   @if (slide.meta?.hasNotes) { <span class="badge">Notes</span> }
+ * </ng-template>
+ * ```
+ */
+declare class SlideViewerThumbnailDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlideViewerThumbnailDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlideViewerThumbnailDirective, "ng-template[pecbSlideViewerThumbnail]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Custom content of each day pill (status dot, counter…). The pill itself stays.
+ * ```html
+ * <ng-template pecbSlideViewerDay let-day let-active="active">{{ day.label }} · {{ day.meta?.count }}</ng-template>
+ * ```
+ */
+declare class SlideViewerDayDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlideViewerDayDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlideViewerDayDirective, "ng-template[pecbSlideViewerDay]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * PECB course slide viewer.
+ *
+ * Reproduces the "Open course" slide view of the PECB Profile redesign: a top
+ * bar with day pills and tool buttons, a 16:10 stage, a navigation bar
+ * (first / previous / next / last, slide-number input, projected version
+ * select, zoom, fullscreen), a collapsible per-slide note and a sticky sidebar
+ * with keyword search and thumbnails.
+ *
+ * The element is purely presentational: it receives days, slide images and a
+ * note, keeps the current page / search / zoom / fullscreen / selection state
+ * and emits every intent (`dayChange`, `slideChange`, `tool`, `slideMove`, …)
+ * so the host app owns data, dialogs and persistence. No PDF library is
+ * involved — feed it images; leave `image` out and answer `fullImageRequest`
+ * to render large images lazily.
+ *
+ * Empty / broken decks: with no slides and nothing loading the stage shows `emptyTitle`
+ * / `emptyHint`; with `error` set it shows `errorTitle` / `errorHint` and a retry button
+ * (`retry` output). Both messages can be replaced through the `pecbSlideViewerEmpty` slot.
+ *
+ * Slots: `pecbSlideViewerToolsStart` / `pecbSlideViewerTools` (tool bar),
+ * `pecbSlideViewerVersion` (navigation bar, right), `pecbSlideViewerStage`
+ * (overlay on the stage), `pecbSlideViewerNote` (inside the note panel),
+ * `pecbSlideViewerBelow` (under the stage column), `pecbSlideViewerSidebarHeader`
+ * / `pecbSlideViewerSidebarFooter` (sidebar). Templates: `pecbSlideViewerThumbnail`,
+ * `pecbSlideViewerDay`.
+ *
+ * @example
+ * ```html
+ * <pecb-slide-viewer
+ *   [days]="days" [(activeDayId)]="dayId" (dayChange)="loadDay($event)"
+ *   [slides]="slides" [(page)]="page" [note]="noteHtml"
+ *   (fullImageRequest)="renderFull($event)"
+ *   (tool)="onTool($event)" (slideChange)="track($event)">
+ *   <pecb-dropdown pecbSlideViewerVersion [options]="versions" [(ngModel)]="version" />
+ * </pecb-slide-viewer>
+ * ```
+ *
+ * Theming — override the CSS custom properties on the host:
+ * ```css
+ * pecb-slide-viewer { --pecb-slide-sidebar-width: 300px; --pecb-slide-active: #a11e29; }
+ * ```
+ */
+declare class SlideViewerComponent {
+    private readonly platformId;
+    private readonly zone;
+    private readonly destroyRef;
+    private readonly isBrowser;
+    /** Unique id used to wire ARIA relationships inside the template. */
+    readonly uid: string;
+    private readonly rootRef;
+    private readonly stageRef;
+    private readonly thumbsRef;
+    private readonly searchRef;
+    readonly thumbnailTemplate: _angular_core.Signal<SlideViewerThumbnailDirective | undefined>;
+    readonly dayTemplate: _angular_core.Signal<SlideViewerDayDirective | undefined>;
+    /** Day pills. The switcher is hidden when empty. */
+    days: _angular_core.InputSignal<SlideViewerDay[]>;
+    /** Slides of the active day, in order. */
+    slides: _angular_core.InputSignal<SlideViewerSlide[]>;
+    /**
+     * Note for the current slide — an HTML string (sanitized by Angular) or a `SafeHtml`
+     * the host already trusts. The panel is hidden when empty unless `showNote` is set
+     * (e.g. when the note body is projected through `pecbSlideViewerNote`).
+     */
+    note: _angular_core.InputSignal<string | SafeHtml | null | undefined>;
+    /** Force the note panel on/off; `undefined` shows it whenever `note` has content. */
+    showNote: _angular_core.InputSignal<boolean | undefined>;
+    /** Slides are being prepared: the stage shows a veil and the list its skeletons. */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Download / preparation progress, 0–100, shown on the stage while loading. `null` hides it. */
+    loadingProgress: _angular_core.InputSignal<number | null>;
+    /**
+     * The slides could not be produced (missing / broken file): the stage shows the error
+     * message and a retry button (`retry` output) instead of the slides.
+     */
+    error: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Which built-in tool buttons render, in this order. */
+    tools: _angular_core.InputSignal<readonly SlideViewerTool[]>;
+    /** Enables the "Download Slides" tool. When false it renders disabled with a tooltip. @default true */
+    canDownloadSlides: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** CSS `aspect-ratio` of the stage. @default '16 / 10' */
+    stageAspectRatio: _angular_core.InputSignal<string>;
+    /** Where the thumbnail sidebar sits. @default 'end' */
+    sidebarPosition: _angular_core.InputSignal<SlideViewerSidebarPosition>;
+    /** Show the thumbnail sidebar (shorthand for `sidebarPosition="none"`). @default true */
+    showThumbnails: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the keyword search above the thumbnails. @default true */
+    showSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the slide-number input. @default true */
+    showSlideInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the fullscreen button. @default true */
+    showFullscreen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the zoom buttons and allow zooming the stage. @default false */
+    zoomable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Zoom levels cycled by the zoom buttons / keys (1 = fit). */
+    zoomSteps: _angular_core.InputSignal<readonly number[]>;
+    /** Navigation skips slides flagged `hidden`. @default false */
+    skipHidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Tiles get a checkbox and `selectedIds` tracks the selection. @default false */
+    selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Tiles can be dragged to a new position; the host receives `slideMove`. @default false */
+    reorderable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Above this many slides the sidebar is virtualised: only the tiles in view (plus
+     * `overscan` on each side) exist in the DOM, a spacer keeps the scroll height. Built
+     * for decks of several hundred slides. @default 40
+     */
+    virtualizeAbove: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Tiles rendered beyond the visible window on each side. @default 6 */
+    overscan: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * How many neighbours on each side of the current slide are requested
+     * (`fullImageRequest`) and decoded ahead so arrows feel instant. @default 1
+     */
+    prefetch: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Horizontal swipe on the stage moves slides (touch / pen). @default true */
+    swipe: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Handle keyboard shortcuts on the region. @default true */
+    keyboard: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Partial override of the keyboard shortcuts (see `DEFAULT_SLIDE_VIEWER_KEY_MAP`). */
+    keyMap: _angular_core.InputSignal<Partial<SlideViewerKeyMap>>;
+    /** Milliseconds the keyword search waits after typing. @default 250 */
+    searchDebounce: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Partial override of the user-visible strings (i18n). */
+    labels: _angular_core.InputSignal<Partial<SlideViewerLabels>>;
+    /** Selected day. `null` selects nothing. */
+    activeDayId: _angular_core.ModelSignal<string | number | null>;
+    /** Current slide, 1-based. Clamped to the slide count. */
+    page: _angular_core.ModelSignal<number>;
+    /** Keyword filtering the thumbnails. */
+    searchTerm: _angular_core.ModelSignal<string>;
+    /** Whether the note panel is expanded. */
+    noteOpen: _angular_core.ModelSignal<boolean>;
+    /** Stage zoom factor (1 = fit). Only applied while `zoomable`. */
+    zoom: _angular_core.ModelSignal<number>;
+    /** Ids of the selected slides (selection mode). */
+    selectedIds: _angular_core.ModelSignal<(string | number)[]>;
+    /** A day pill was chosen. */
+    dayChange: _angular_core.OutputEmitterRef<SlideViewerDay>;
+    /** The current slide changed (any source), with the slide and what moved it. */
+    slideChange: _angular_core.OutputEmitterRef<SlideViewerPageEvent>;
+    /** A tool button was pressed. */
+    tool: _angular_core.OutputEmitterRef<SlideViewerToolEvent>;
+    /** The stage entered / left fullscreen. */
+    fullscreenChange: _angular_core.OutputEmitterRef<boolean>;
+    /** The keyword or its matches changed. */
+    searchChange: _angular_core.OutputEmitterRef<SlideViewerSearchEvent>;
+    /** The stage needs the full image of a page that only has a thumbnail (1-based). Emitted once per page. */
+    fullImageRequest: _angular_core.OutputEmitterRef<number>;
+    /** A tile was dropped at a new position (reorder mode). The host reorders `slides`. */
+    slideMove: _angular_core.OutputEmitterRef<SlideViewerMoveEvent>;
+    /** "Try again" pressed in the error state. */
+    retry: _angular_core.OutputEmitterRef<void>;
+    readonly isFullscreen: _angular_core.WritableSignal<boolean>;
+    /** Stage image for the current page has finished loading. */
+    readonly stageImageLoaded: _angular_core.WritableSignal<boolean>;
+    /**
+     * Source currently painted on the stage. It lags behind `stageSrc` while the next
+     * image is decoded off screen, so a page change or a thumbnail→full-image upgrade
+     * never blanks the stage (no blink, no spinner over a picture that is already there).
+     */
+    readonly displayedSrc: _angular_core.WritableSignal<string | null>;
+    /** A newer image than the displayed one is being decoded. */
+    readonly stageBusy: _angular_core.WritableSignal<boolean>;
+    /** Text in the number input while the user edits it (null = mirror `page`). */
+    readonly pageDraft: _angular_core.WritableSignal<string | null>;
+    /** Virtualised sidebar: index range (into `matches`) of the tiles in the DOM. */
+    readonly windowRange: _angular_core.WritableSignal<{
+        start: number;
+        end: number;
+    }>;
+    /** Measured height of one tile incl. its gap, in px (a sensible guess until measured). */
+    readonly tileStride: _angular_core.WritableSignal<number>;
+    /** Announced to assistive tech on slide change. */
+    readonly announcement: _angular_core.WritableSignal<string>;
+    /** Tile currently dragged (1-based) and the drop target it hovers. */
+    readonly dragFrom: _angular_core.WritableSignal<number | null>;
+    readonly dragOver: _angular_core.WritableSignal<number | null>;
+    private searchTimer;
+    private lastEmittedPage;
+    private lastStageSrc;
+    private stageLoadToken;
+    private requestedFullImages;
+    private lastSlidesRef;
+    private pendingSource;
+    /** Decoded neighbour images kept warm (bounded so 700-slide decks don't pile up). */
+    private readonly decodeCache;
+    private scrollListener;
+    private resizeObserver;
+    private scrollRaf;
+    private swipeStart;
+    readonly text: _angular_core.Signal<SlideViewerLabels>;
+    readonly keys: _angular_core.Signal<SlideViewerKeyMap>;
+    readonly total: _angular_core.Signal<number>;
+    /** `page` clamped into the current slide range. */
+    readonly currentPage: _angular_core.Signal<number>;
+    readonly currentSlide: _angular_core.Signal<SlideViewerSlide | null>;
+    /** Stage image: full image, else the thumbnail while the full one is being produced. */
+    readonly stageSrc: _angular_core.Signal<string | null>;
+    /** The stage is showing a thumbnail in place of a missing full image. */
+    readonly stageIsFallback: _angular_core.Signal<boolean>;
+    readonly progressText: _angular_core.Signal<string>;
+    /** Spinner veil: only while nothing is painted yet (first image) or the deck loads. */
+    readonly stageVeil: _angular_core.Signal<boolean>;
+    /** Skeleton shimmer on the stage: something is coming and nothing is painted yet. */
+    readonly stageSkeleton: _angular_core.Signal<boolean>;
+    /** Nothing to show and nothing on the way: the stage explains it. */
+    readonly isEmpty: _angular_core.Signal<boolean>;
+    readonly isFirst: _angular_core.Signal<boolean>;
+    readonly isLast: _angular_core.Signal<boolean>;
+    readonly navDisabled: _angular_core.Signal<boolean>;
+    readonly pageInputValue: _angular_core.Signal<string>;
+    /** The word before the number input ("Slide"), derived from the `slide` label. */
+    readonly slideWord: _angular_core.Signal<string>;
+    readonly hasNote: _angular_core.Signal<boolean>;
+    readonly showDays: _angular_core.Signal<boolean>;
+    readonly sidebar: _angular_core.Signal<SlideViewerSidebarPosition>;
+    readonly showDownloadTool: _angular_core.Signal<boolean>;
+    readonly zoomLevel: _angular_core.Signal<number>;
+    readonly isZoomed: _angular_core.Signal<boolean>;
+    readonly zoomPercent: _angular_core.Signal<number>;
+    /** Virtualisation only kicks in for long decks. */
+    readonly windowed: _angular_core.Signal<boolean>;
+    /** Tiles to render: everything, or the current window of `matches` when virtualised. */
+    readonly visibleTiles: _angular_core.Signal<number[]>;
+    /** Spacer heights (px) above / below the rendered window. */
+    readonly spacerTop: _angular_core.Signal<number>;
+    readonly spacerBottom: _angular_core.Signal<number>;
+    readonly selectedSet: _angular_core.Signal<Set<string | number>>;
+    /** 1-based numbers of the slides matching the keyword (all when empty). */
+    readonly matches: _angular_core.Signal<number[]>;
+    readonly matchSet: _angular_core.Signal<Set<number>>;
+    readonly isSearching: _angular_core.Signal<boolean>;
+    readonly searchSummary: _angular_core.Signal<string>;
+    /** Skeleton rows drawn in the sidebar while loading. */
+    readonly skeletonRows: number[];
+    readonly hostClasses: _angular_core.Signal<string>;
+    constructor();
+    /** Go to a 1-based slide (clamped). Hidden slides are stepped over while `skipHidden`. */
+    goTo(page: number, source?: SlideViewerPageEvent['source']): void;
+    first(source?: SlideViewerPageEvent['source']): void;
+    previous(source?: SlideViewerPageEvent['source']): void;
+    next(source?: SlideViewerPageEvent['source']): void;
+    last(source?: SlideViewerPageEvent['source']): void;
+    /** Select a day: emits `dayChange`, resets the page and clears the search. */
+    selectDay(day: SlideViewerDay): void;
+    /** Press a built-in tool. The disabled download tool is ignored. */
+    pressTool(tool: SlideViewerTool): void;
+    toggleNote(): void;
+    /** "Try again" in the error state. */
+    requestRetry(): void;
+    /** Enter / exit fullscreen on the stage. */
+    toggleFullscreen(): Promise<void>;
+    /** Next zoom step (wraps back to fit after the last one). */
+    zoomIn(): void;
+    zoomOut(): void;
+    zoomReset(): void;
+    /** Clear the keyword filter. */
+    clearSearch(): void;
+    /** Move keyboard focus to the search field. */
+    focusSearch(): void;
+    /** Toggle a slide in the selection (selection mode). */
+    toggleSelected(slide: SlideViewerSlide, n: number): void;
+    /** Select every (matching) slide, or clear the selection. */
+    selectAll(selected?: boolean): void;
+    onStageImageLoad(): void;
+    onStageImageError(): void;
+    onPageInput(event: Event): void;
+    onPageCommit(event: Event): void;
+    onPageInputKeydown(event: KeyboardEvent): void;
+    onSearchInput(event: Event): void;
+    onSearchKeydown(event: KeyboardEvent): void;
+    onThumbnailClick(page: number): void;
+    onTileCheckbox(event: Event, slide: SlideViewerSlide, n: number): void;
+    /** Touch / pen swipe on the stage (not while zoomed: then the finger pans). */
+    onStagePointerDown(event: PointerEvent): void;
+    onStagePointerUp(event: PointerEvent): void;
+    onStagePointerCancel(): void;
+    /** Mouse wheel over the stage: zooms with Ctrl/⌘ while zoomable, navigates in fullscreen. */
+    onStageWheel(event: WheelEvent): void;
+    /** Keyboard shortcuts on the viewer region (see `keyMap`). */
+    onRootKeydown(event: KeyboardEvent): void;
+    onDocumentFullscreenChange(): void;
+    onTileDragStart(event: DragEvent, n: number): void;
+    onTileDragOver(event: DragEvent, n: number): void;
+    onTileDrop(event: DragEvent, n: number): void;
+    onTileDragEnd(): void;
+    /** Accessible title of a slide (`title`, else `{slide} {n}`). */
+    slideTitle(slide: SlideViewerSlide | null, n: number): string;
+    slideId(slide: SlideViewerSlide, n: number): string | number;
+    thumbnailSrc(slide: SlideViewerSlide): string | null;
+    /** A tile whose thumbnail is still being produced (big decks publish pages first). */
+    tilePending(slide: SlideViewerSlide): boolean;
+    isSelected(slide: SlideViewerSlide, n: number): boolean;
+    selectLabel(n: number): string;
+    thumbnailContext(slide: SlideViewerSlide, n: number): SlideViewerThumbnailContext;
+    dayContext(day: SlideViewerDay): SlideViewerDayContext;
+    private isHidden;
+    private nextVisible;
+    private previousVisible;
+    private actionForKey;
+    private slideMatches;
+    private format;
+    /**
+     * Show the current page in the number field again. Written to the DOM directly:
+     * a number input sanitises junk to `''`, and the `[value]` binding would not
+     * re-apply an unchanged `'20'` on top of it.
+     */
+    private resetPageInput;
+    private scrollActiveThumbnailIntoView;
+    private attachSidebarListeners;
+    private detachSidebarListeners;
+    /** Coalesce scroll / resize / data changes into one window computation per frame. */
+    private scheduleWindowUpdate;
+    private updateWindow;
+    /** Tile height incl. the list gap, measured from the first rendered tile. */
+    private measureTile;
+    /** Decode an image off screen so a later swap paints instantly. Bounded to 8 entries. */
+    private warmDecode;
+    /**
+     * Paint `src` on the stage once it is decoded. While decoding, the previous image
+     * stays on screen (`stageBusy` marks the transition); the first image, with nothing
+     * to keep, shows the veil instead.
+     */
+    private showStageSource;
+    private clearSearchTimer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlideViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlideViewerComponent, "pecb-slide-viewer", never, { "days": { "alias": "days"; "required": false; "isSignal": true; }; "slides": { "alias": "slides"; "required": false; "isSignal": true; }; "note": { "alias": "note"; "required": false; "isSignal": true; }; "showNote": { "alias": "showNote"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingProgress": { "alias": "loadingProgress"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "tools": { "alias": "tools"; "required": false; "isSignal": true; }; "canDownloadSlides": { "alias": "canDownloadSlides"; "required": false; "isSignal": true; }; "stageAspectRatio": { "alias": "stageAspectRatio"; "required": false; "isSignal": true; }; "sidebarPosition": { "alias": "sidebarPosition"; "required": false; "isSignal": true; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showSlideInput": { "alias": "showSlideInput"; "required": false; "isSignal": true; }; "showFullscreen": { "alias": "showFullscreen"; "required": false; "isSignal": true; }; "zoomable": { "alias": "zoomable"; "required": false; "isSignal": true; }; "zoomSteps": { "alias": "zoomSteps"; "required": false; "isSignal": true; }; "skipHidden": { "alias": "skipHidden"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "virtualizeAbove": { "alias": "virtualizeAbove"; "required": false; "isSignal": true; }; "overscan": { "alias": "overscan"; "required": false; "isSignal": true; }; "prefetch": { "alias": "prefetch"; "required": false; "isSignal": true; }; "swipe": { "alias": "swipe"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "keyMap": { "alias": "keyMap"; "required": false; "isSignal": true; }; "searchDebounce": { "alias": "searchDebounce"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "activeDayId": { "alias": "activeDayId"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "noteOpen": { "alias": "noteOpen"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; }, { "activeDayId": "activeDayIdChange"; "page": "pageChange"; "searchTerm": "searchTermChange"; "noteOpen": "noteOpenChange"; "zoom": "zoomChange"; "selectedIds": "selectedIdsChange"; "dayChange": "dayChange"; "slideChange": "slideChange"; "tool": "tool"; "fullscreenChange": "fullscreenChange"; "searchChange": "searchChange"; "fullImageRequest": "fullImageRequest"; "slideMove": "slideMove"; "retry": "retry"; }, ["thumbnailTemplate", "dayTemplate"], ["[pecbSlideViewerToolsStart]", "[pecbSlideViewerTools]", "[pecbSlideViewerEmpty]", "[pecbSlideViewerStage]", "[pecbSlideViewerVersion]", "[pecbSlideViewerNote]", "[pecbSlideViewerBelow]", "[pecbSlideViewerSidebarHeader]", "[pecbSlideViewerSidebarFooter]"], true, never>;
+}
+
 /**
  * Notification types supported by the service
  */
@@ -5620,39 +6614,6 @@ declare function tryAsync<T>(operation: () => Promise<T>, errorOptions?: ErrorOp
  */
 declare function trySync<T>(operation: () => T, errorOptions?: ErrorOptions): [T, null] | [null, PecbError];
 
-/**
- * All available icon names in the PECB icon library.
- * Use with `<pecb-icon name="icon-name">` for built-in icons.
- */
-type IconName = 'activity' | 'add-square-01' | 'add-square-02' | 'add-square-03' | 'add-square-04' | 'alarm-01' | 'alarm-02' | 'alarm-03' | 'alarm-04' | 'alarm-05' | 'alarm-06' | 'alarm-check' | 'alarm-minus' | 'alarm-off' | 'alarm-plus' | 'alert-circle' | 'alert-square' | 'alert-triangle' | 'align-center' | 'align-down-01' | 'align-down-02' | 'align-horizontal-center-01' | 'align-horizontal-center-02' | 'align-horizontal-center-03' | 'align-justify' | 'align-left' | 'align-left-01' | 'align-left-02' | 'align-right' | 'align-right-01' | 'align-right-02' | 'align-up-01' | 'align-up-02' | 'align-vertical-center-01' | 'align-vertical-center-02' | 'align-vertical-center-03' | 'annotation' | 'annotation-alert' | 'annotation-check' | 'annotation-information' | 'annotation-plus' | 'annotation-typing' | 'annotation-x' | 'atom' | 'attatchment-01' | 'attatchment-02' | 'audio-settings-01' | 'audio-settings-02' | 'bag-01' | 'bag-02' | 'bag-03' | 'bag-04' | 'bag-05' | 'bank' | 'bank-note-01' | 'bank-note-02' | 'bank-note-03' | 'bank-note-04' | 'bank-note-05' | 'bank-note-06' | 'bar-chart-01' | 'bar-chart-02' | 'bar-chart-03' | 'bar-chart-04' | 'bar-chart-05' | 'bar-chart-square-01' | 'bar-chart-square-02' | 'bar-chart-square-03' | 'bar-chart-square-down-01' | 'bar-chart-square-down-02' | 'bar-chart-square-up-01' | 'bar-group-01' | 'bar-group-02' | 'bar-group-03' | 'battery-01' | 'battery-02' | 'battery-03' | 'battery-04' | 'battery-empty' | 'battery-fill-01' | 'battery-fill-02' | 'battery-fill-04' | 'bell-01' | 'bell-02' | 'bell-03' | 'bell-04' | 'bell-off-01' | 'bell-off-02' | 'bell-ringing-01' | 'bell-ringing-02' | 'bell-ringing-03' | 'bell-ringing-04' | 'bezier-01' | 'bezier-02' | 'bluetooth-01' | 'bluetooth-02' | 'bold-01' | 'bold-02' | 'book-01' | 'book-02' | 'book-03' | 'book-04' | 'book-05' | 'book-06' | 'box' | 'brackets' | 'brackets-check' | 'brackets-minus' | 'brackets-plus' | 'brackets-slash' | 'brackets-typing' | 'calculator-01' | 'calculator-02' | 'calendar-01' | 'calendar-02' | 'calendar-03' | 'calendar-04' | 'calendar-05' | 'calendar-06' | 'calendar-07' | 'calendar-check' | 'calendar-minus' | 'calendar-number' | 'calendar-plus' | 'camera-01' | 'camera-02' | 'camera-lens' | 'camera-off' | 'cancel-left' | 'cancel-right' | 'car' | 'card-01' | 'card-02' | 'card-add' | 'card-check' | 'card-down' | 'card-edit' | 'card-lock' | 'card-minus' | 'card-number' | 'card-shield' | 'card-up' | 'card-x' | 'cart' | 'center' | 'chart-breakout-circle' | 'chart-breakout-square' | 'check-01' | 'check-02' | 'check-broken' | 'check-contained' | 'check-square-broken' | 'check-square-contained' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chromecast' | 'circle' | 'clock-01' | 'clock-backward' | 'clock-check' | 'clock-forward' | 'clock-plus' | 'cloud-01' | 'cloud-02' | 'cloud-03' | 'cloud-04' | 'cloud-lightning' | 'cloud-rain' | 'cloud-snow' | 'cloud-sun' | 'code-01' | 'code-02' | 'code-03' | 'code-04' | 'coin-broken' | 'coin-hand' | 'coin-number' | 'coin-unbroken' | 'coins' | 'coins-rotate' | 'color-picker' | 'color-swatch-01' | 'color-swatch-02' | 'colors-01' | 'colors-02' | 'column-horizontal-01' | 'column-horizontal-02' | 'column-horizontal-03' | 'column-vertical-01' | 'column-vertical-02' | 'column-vertical-03' | 'compare' | 'compass' | 'component' | 'computer' | 'contrast' | 'copy-left' | 'copy-right' | 'crop-01' | 'crop-02' | 'currency-bath' | 'currency-bitcoin' | 'currency-cent' | 'currency-coin-bath' | 'currency-coin-bitcoin' | 'currency-coin-cent' | 'currency-coin-dollar' | 'currency-coin-euro' | 'currency-coin-pound' | 'currency-coin-rubel' | 'currency-coin-rupee' | 'currency-coin-yen' | 'currency-dollar' | 'currency-euro' | 'currency-pound' | 'currency-rubel' | 'currency-rupee' | 'currency-yen' | 'cursor-01' | 'cursor-02' | 'cursor-03' | 'cursor-04' | 'cursor-05' | 'cursor-06' | 'cursor-grab' | 'cursor-grabbed' | 'cursor-pointer' | 'dash' | 'data-01' | 'data-02' | 'data-03' | 'data-04' | 'delete' | 'delivery' | 'diamond' | 'disc' | 'discount-circle' | 'discount-square' | 'discount-star-01' | 'discount-star-02' | 'discount-star-03' | 'divider' | 'dot-horizontal' | 'dot-vertical' | 'download' | 'download-01' | 'download-02' | 'drop' | 'edit-01' | 'edit-02' | 'edit-03' | 'edit-04' | 'edit-contained' | 'email' | 'embed' | 'equals' | 'equals-not' | 'eraser-01' | 'eraser-02' | 'expand' | 'expand-02' | 'eye-closed' | 'eye-open' | 'face-id-01' | 'face-id-02' | 'fast-backward' | 'fast-forward' | 'favourite' | 'feather-01' | 'feather-02' | 'file' | 'file-01' | 'file-02' | 'file-03' | 'file-04' | 'file-05' | 'file-06' | 'file-attach-01' | 'file-attach-02' | 'file-attach-03' | 'file-branch' | 'file-check-01' | 'file-check-02' | 'file-code' | 'file-down-01' | 'file-down-02' | 'file-edit-01' | 'file-edit-02' | 'file-eye-01' | 'file-eye-02' | 'file-lock-01' | 'file-lock-02' | 'file-lock-03' | 'file-minus-01' | 'file-minus-02' | 'file-multiple' | 'file-none' | 'file-plus-01' | 'file-plus-02' | 'file-question-01' | 'file-question-02' | 'file-return-01' | 'file-return-02' | 'file-search-01' | 'file-search-02' | 'file-shield-01' | 'file-shield-02' | 'file-shield-03' | 'file-shred' | 'file-up-01' | 'file-up-02' | 'file-x-02' | 'filter' | 'fingerpint-01' | 'fingerpint-02' | 'flame-01' | 'flash-off' | 'flash-on' | 'flex-align-bottom-01' | 'flex-align-center-01' | 'flex-align-left-01' | 'flex-align-right-01' | 'flex-align-spaced-01' | 'flex-align-top-01' | 'flex-columns' | 'flip-01' | 'flip-02' | 'flip-left' | 'flip-right' | 'folder' | 'folder-code' | 'folder-down-01' | 'folder-down-02' | 'folder-minus-01' | 'folder-open-01' | 'folder-open-02' | 'folder-open-03' | 'folder-plus-01' | 'folder-plus-02' | 'folder-search-01' | 'folder-search-02' | 'folder-shield' | 'folder-up-01' | 'folder-up-02' | 'folder-x-01' | 'folder-x-02' | 'gear' | 'gift-01' | 'gift-02' | 'git-branch-01' | 'git-branch-02' | 'git-branch-03' | 'git-branch-04' | 'git-branch-05' | 'glasses-01' | 'glasses-02' | 'globe' | 'globe-01' | 'globe-02' | 'globe-03' | 'globe-04' | 'globe-05' | 'graduation-cap-01' | 'graduation-cap-02' | 'grid-01' | 'grid-02' | 'grid-03' | 'grid-04-filled' | 'hash-01' | 'hash-02' | 'header-01' | 'header-02' | 'headphones' | 'heart' | 'help' | 'help-circle-contained' | 'help-square-contained' | 'hexagon' | 'home-01' | 'home-02' | 'home-03' | 'home-04' | 'home-05' | 'horizontal-chart-01' | 'horizontal-chart-02' | 'horizontal-chart-03' | 'hourglass-01' | 'hourglass-02' | 'hourglass-03' | 'image' | 'image-01' | 'image-02' | 'image-03' | 'image-04' | 'image-add' | 'image-avatar' | 'image-check' | 'image-down' | 'image-focus' | 'image-indent-left' | 'image-indent-right' | 'image-minus' | 'image-no-borders' | 'image-question' | 'image-up' | 'image-x' | 'inbox-01' | 'inbox-02' | 'indent-decrease' | 'indent-increase' | 'indent-left' | 'indent-right' | 'info-square-01-contained' | 'info-square-02-contained-filled' | 'information-circle-contained' | 'intersect' | 'iphone-02' | 'italics-01' | 'italics-02' | 'key-01' | 'key-02' | 'keyboard' | 'laptop-01' | 'laptop-02' | 'layers-01' | 'layers-02' | 'layers-03' | 'layers-04' | 'layers-05' | 'layout-01' | 'layout-02' | 'layout-03' | 'layout-04' | 'layout-bottom' | 'layout-grid-01' | 'layout-left' | 'layout-right' | 'layout-scale' | 'layout-top' | 'letter-spacing-01' | 'letter-spacing-02' | 'letter-spacing-03' | 'lightbulb-01' | 'lightbulb-02' | 'lightbulb-03' | 'lightning-01' | 'lightning-02' | 'lightning-circle-contained' | 'lightning-filled' | 'lightning-square-contained' | 'line-chart-down-01' | 'line-chart-down-02' | 'line-chart-up-01' | 'line-chart-up-02' | 'line-height' | 'link' | 'link-angled' | 'link-broken' | 'link-external' | 'list' | 'list-numbers' | 'loader-01' | 'loader-02' | 'lock-01' | 'lock-02' | 'lock-03' | 'lock-04' | 'lock-open-01' | 'lock-open-02' | 'lock-open-03' | 'lock-open-04' | 'logout-01' | 'logout-02' | 'logout-03' | 'logout-04' | 'luggage-01' | 'luggage-02' | 'luggage-03' | 'luggage-04' | 'mail-01' | 'mail-02' | 'mail-03' | 'mail-04' | 'mail-05' | 'map-01' | 'map-02' | 'map-03' | 'map-04' | 'marker-01' | 'marker-02' | 'marker-03' | 'marker-04' | 'marker-05' | 'marker-06' | 'maximise-01' | 'maximise-02' | 'media-strip-01' | 'media-strip-02' | 'menu-01' | 'menu-02' | 'menu-03' | 'menu-04' | 'menu-05' | 'message-alert-circle' | 'message-alert-plus' | 'message-chat-01' | 'message-circle' | 'message-notify-circle' | 'message-notify-square' | 'message-square' | 'message-square-information' | 'message-square-plus' | 'message-square-typing' | 'message-square-x' | 'message-text-01' | 'message-text-02' | 'message-typing' | 'message-x' | 'microphone-01' | 'microphone-02' | 'microphone-off-01' | 'microphone-off-02' | 'minimise-01' | 'minimise-02' | 'minus-circle-contained' | 'minus-square-contained' | 'moon-01' | 'moon-02' | 'mouse' | 'move' | 'note-01' | 'note-02' | 'notification-box' | 'notification-bubble' | 'notification-square-01' | 'notification-square-02' | 'octagon' | 'overlap' | 'package-01' | 'package-02' | 'package-check' | 'package-minus' | 'package-plus' | 'package-x' | 'paint-bucket-01' | 'paint-bucket-02' | 'palette' | 'paperclip' | 'paperclip-01' | 'paperclip-02' | 'passport' | 'password-01' | 'password-02' | 'pause-01' | 'pause-02' | 'pause-03' | 'pen-tool-01' | 'pen-tool-02' | 'pen-tool-03' | 'pen-tool-04' | 'pencil-01' | 'pencil-02' | 'pencil-03' | 'pentagon' | 'percent-01' | 'percent-02' | 'percent-03' | 'perspective' | 'phone' | 'phone-call-01' | 'phone-call-02' | 'phone-down' | 'phone-incoming-01' | 'phone-incoming-02' | 'phone-off' | 'phone-outgoing-01' | 'phone-outgoing-02' | 'phone-up' | 'phone-x' | 'pie-chart-01' | 'pie-chart-02' | 'pie-chart-03' | 'plane' | 'play-01' | 'play-02' | 'play-03' | 'plug-01' | 'plus-01' | 'plus-02' | 'plus-03' | 'pointer-01' | 'pointer-02' | 'power' | 'presentation-01' | 'presentation-02' | 'presentation-03' | 'progress' | 'quote' | 'receipt' | 'receipt-lines' | 'refresh-01' | 'rss' | 'ruler' | 'save-01' | 'save-02' | 'scale-01' | 'scale-02' | 'scale-03' | 'scan' | 'scissors-01' | 'scissors-02' | 'scissors-03' | 'scissors-04' | 'search-01' | 'search-02' | 'send-01' | 'send-02' | 'send-03' | 'server-01' | 'server-02' | 'server-03' | 'server-04' | 'server-05' | 'server-06' | 'server-down' | 'server-up' | 'settings' | 'share' | 'shield-01' | 'shield-02' | 'shield-check' | 'shield-plus' | 'shuffle' | 'signal' | 'skew' | 'skip-back' | 'skip-forward' | 'slash-01-backward' | 'slash-01-forward' | 'slash-02-forward' | 'smiley-happy' | 'smiley-happy-plus' | 'smiley-neutral' | 'smiley-sad' | 'smiley-wink' | 'snowflake' | 'sort-horizontal' | 'sort-vertical-01' | 'sort-vertical-02' | 'space-height' | 'space-horizontal' | 'space-vertical' | 'space-width' | 'speaker' | 'square' | 'star-01' | 'star-02' | 'stars' | 'stop-01' | 'stop-02' | 'stopwatch-01' | 'stopwatch-02' | 'stopwatch-03' | 'stopwatch-04' | 'stopwatch-05' | 'stopwatch-off' | 'stopwatch-snooze' | 'sun-01' | 'sun-02' | 'sun-03' | 'sun-down' | 'sun-up' | 'superscript' | 'table' | 'tag' | 'target-01' | 'target-02' | 'target-03' | 'target-04' | 'temperature-01' | 'temperature-02' | 'temperature-03' | 'temperature-04' | 'terminal' | 'text-input-01' | 'text-input-02' | 'thumb-down' | 'thumb-up' | 'ticket-01' | 'ticket-02' | 'toggle-right' | 'toogle-left' | 'train' | 'transform' | 'trash-01' | 'trash-02' | 'trash-03' | 'trash-04' | 'trend-down-01' | 'trend-down-02' | 'trend-up-01' | 'trend-up-02' | 'triangle' | 'truck' | 'tv' | 'type-01' | 'type-02' | 'type-03' | 'type-strike-01' | 'type-strike-02' | 'umbrella' | 'umbrella-01' | 'umbrella-02' | 'underline-01' | 'underline-02' | 'union' | 'upload-01' | 'upload-02' | 'upload-03' | 'upload-04' | 'user-profile-01' | 'user-profile-02' | 'user-profile-03' | 'user-profile-add-01' | 'user-profile-add-02' | 'user-profile-check' | 'user-profile-circle' | 'user-profile-down' | 'user-profile-group' | 'user-profile-left' | 'user-profile-minus' | 'user-profile-right' | 'user-profile-square' | 'user-profile-star' | 'user-profile-up' | 'user-profile-x' | 'users-profiles-01' | 'users-profiles-02' | 'users-profiles-03' | 'users-profiles-check' | 'users-profiles-down' | 'users-profiles-left' | 'users-profiles-minus' | 'users-profiles-plus' | 'users-profiles-right' | 'users-profiles-up' | 'users-profiles-x' | 'variant' | 'video-off' | 'video-on' | 'volume-01' | 'volume-02' | 'volume-03' | 'volume-04' | 'volume-05' | 'volume-06' | 'volume-07' | 'wallert-04' | 'wallet-01' | 'wallet-02' | 'wallet-03' | 'watch-01' | 'watch-02' | 'waveform' | 'webcam' | 'wifi-off' | 'wifi-on' | 'wind-01' | 'wind-02' | 'wind-03' | 'wrench' | 'x-01' | 'x-02' | 'x-03' | 'x-circle-contained' | 'x-square-contained' | 'youtube' | 'zoom-in' | 'zoom-out' | 'custom-warning-xs-neutral';
-
-/**
- * Custom icon names — self-contained icons with built-in background and color.
- *
- * Naming: `custom-{state}-{size}-{style}`
- *
- * | State            | Description                        |
- * |------------------|------------------------------------|
- * | check            | Checkmark / completed              |
- * | certificate      | Certificate / credential           |
- * | view             | Eye / visibility                   |
- * | add              | Plus / create                      |
- * | delete           | Trash / remove                     |
- * | download         | Download arrow                     |
- * | upload           | Upload arrow                       |
- * | time             | Clock / duration                   |
- * | slide            | Presentation / slideshow           |
- * | tools            | Wrench / settings                  |
- * | doc              | Document / file                    |
- * | info             | Information circle                 |
- * | warning          | Warning triangle                   |
- * | not-applicable   | N/A / disabled                     |
- *
- * Sizes: xs (24), sm (32), md (40), lg (48), xl (56), 2xl (64)
- * Styles: active (colored), neutral (gray)
- */
-type CustomIconName = 'custom-add-2xl-active' | 'custom-add-2xl-neutral' | 'custom-add-lg-active' | 'custom-add-lg-neutral' | 'custom-add-md-active' | 'custom-add-md-neutral' | 'custom-add-sm-active' | 'custom-add-sm-neutral' | 'custom-add-xl-active' | 'custom-add-xl-neutral' | 'custom-add-xs-active' | 'custom-add-xs-neutral' | 'custom-certificate-2xl-active' | 'custom-certificate-2xl-neutral' | 'custom-certificate-lg-active' | 'custom-certificate-lg-neutral' | 'custom-certificate-md-active' | 'custom-certificate-md-neutral' | 'custom-certificate-sm-active' | 'custom-certificate-sm-neutral' | 'custom-certificate-xl-active' | 'custom-certificate-xl-neutral' | 'custom-certificate-xs-active' | 'custom-certificate-xs-neutral' | 'custom-check-2xl-active' | 'custom-check-2xl-neutral' | 'custom-check-lg-active' | 'custom-check-lg-neutral' | 'custom-check-md-active' | 'custom-check-md-neutral' | 'custom-check-sm-active' | 'custom-check-sm-neutral' | 'custom-check-xl-active' | 'custom-check-xl-neutral' | 'custom-check-xs-active' | 'custom-check-xs-neutral' | 'custom-delete-2xl-active' | 'custom-delete-2xl-neutral' | 'custom-delete-lg-active' | 'custom-delete-lg-neutral' | 'custom-delete-md-active' | 'custom-delete-md-neutral' | 'custom-delete-sm-active' | 'custom-delete-sm-neutral' | 'custom-delete-xl-active' | 'custom-delete-xl-neutral' | 'custom-delete-xs-active' | 'custom-delete-xs-neutral' | 'custom-doc-2xl-active' | 'custom-doc-2xl-neutral' | 'custom-doc-lg-active' | 'custom-doc-lg-neutral' | 'custom-doc-md-active' | 'custom-doc-md-neutral' | 'custom-doc-sm-active' | 'custom-doc-sm-neutral' | 'custom-doc-xl-active' | 'custom-doc-xl-neutral' | 'custom-doc-xs-active' | 'custom-doc-xs-neutral' | 'custom-download-2xl-active' | 'custom-download-2xl-neutral' | 'custom-download-lg-active' | 'custom-download-lg-neutral' | 'custom-download-md-active' | 'custom-download-md-neutral' | 'custom-download-sm-active' | 'custom-download-sm-neutral' | 'custom-download-xl-active' | 'custom-download-xl-neutral' | 'custom-download-xs-active' | 'custom-download-xs-neutral' | 'custom-info-2xl-active' | 'custom-info-2xl-neutral' | 'custom-info-lg-active' | 'custom-info-lg-neutral' | 'custom-info-md-active' | 'custom-info-md-neutral' | 'custom-info-sm-active' | 'custom-info-sm-neutral' | 'custom-info-xl-active' | 'custom-info-xl-neutral' | 'custom-info-xs-active' | 'custom-info-xs-neutral' | 'custom-not-applicable-2xl-active' | 'custom-not-applicable-2xl-neutral' | 'custom-not-applicable-lg-active' | 'custom-not-applicable-lg-neutral' | 'custom-not-applicable-md-active' | 'custom-not-applicable-md-neutral' | 'custom-not-applicable-sm-active' | 'custom-not-applicable-sm-neutral' | 'custom-not-applicable-xl-active' | 'custom-not-applicable-xl-neutral' | 'custom-not-applicable-xs-active' | 'custom-not-applicable-xs-neutral' | 'custom-slide-2xl-active' | 'custom-slide-2xl-neutral' | 'custom-slide-lg-active' | 'custom-slide-lg-neutral' | 'custom-slide-md-active' | 'custom-slide-md-neutral' | 'custom-slide-sm-active' | 'custom-slide-sm-neutral' | 'custom-slide-xl-active' | 'custom-slide-xl-neutral' | 'custom-slide-xs-active' | 'custom-slide-xs-neutral' | 'custom-time-2xl-active' | 'custom-time-2xl-neutral' | 'custom-time-lg-active' | 'custom-time-lg-neutral' | 'custom-time-md-active' | 'custom-time-md-neutral' | 'custom-time-sm-active' | 'custom-time-sm-neutral' | 'custom-time-xl-active' | 'custom-time-xl-neutral' | 'custom-time-xs-active' | 'custom-time-xs-neutral' | 'custom-tools-2xl-active' | 'custom-tools-2xl-neutral' | 'custom-tools-lg-active' | 'custom-tools-lg-neutral' | 'custom-tools-md-active' | 'custom-tools-md-neutral' | 'custom-tools-sm-active' | 'custom-tools-sm-neutral' | 'custom-tools-xl-active' | 'custom-tools-xl-neutral' | 'custom-tools-xs-active' | 'custom-tools-xs-neutral' | 'custom-upload-2xl-active' | 'custom-upload-2xl-neutral' | 'custom-upload-lg-active' | 'custom-upload-lg-neutral' | 'custom-upload-md-active' | 'custom-upload-md-neutral' | 'custom-upload-sm-active' | 'custom-upload-sm-neutral' | 'custom-upload-xl-active' | 'custom-upload-xl-neutral' | 'custom-upload-xs-active' | 'custom-upload-xs-neutral' | 'custom-view-2xl-active' | 'custom-view-2xl-neutral' | 'custom-view-lg-active' | 'custom-view-lg-neutral' | 'custom-view-md-active' | 'custom-view-md-neutral' | 'custom-view-sm-active' | 'custom-view-sm-neutral' | 'custom-view-xl-active' | 'custom-view-xl-neutral' | 'custom-view-xs-active' | 'custom-view-xs-neutral' | 'custom-warning' | 'custom-warning-2xl-active' | 'custom-warning-2xl-neutral' | 'custom-warning-lg-active' | 'custom-warning-lg-neutral' | 'custom-warning-md-active' | 'custom-warning-md-neutral' | 'custom-warning-sm-active' | 'custom-warning-sm-neutral' | 'custom-warning-xl-active' | 'custom-warning-xl-neutral' | 'custom-warning-xs-active';
-
 /** Container size. The inner icon is always 50 % of the container. */
 type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 /**
@@ -5697,7 +6658,7 @@ declare class IconComponent {
      * Registered icon name. When provided, the SVG is resolved from the
      * `IconRegistry`. Takes highest priority.
      */
-    name: _angular_core.InputSignal<IconName | CustomIconName | undefined>;
+    name: _angular_core.InputSignal<"embed" | "link" | "progress" | "table" | "circle" | "filter" | "image" | "annotation" | "center" | "drop" | "activity" | "add-square-01" | "add-square-02" | "add-square-03" | "add-square-04" | "alarm-01" | "alarm-02" | "alarm-03" | "alarm-04" | "alarm-05" | "alarm-06" | "alarm-check" | "alarm-minus" | "alarm-off" | "alarm-plus" | "alert-circle" | "alert-square" | "alert-triangle" | "align-center" | "align-down-01" | "align-down-02" | "align-horizontal-center-01" | "align-horizontal-center-02" | "align-horizontal-center-03" | "align-justify" | "align-left" | "align-left-01" | "align-left-02" | "align-right" | "align-right-01" | "align-right-02" | "align-up-01" | "align-up-02" | "align-vertical-center-01" | "align-vertical-center-02" | "align-vertical-center-03" | "annotation-alert" | "annotation-check" | "annotation-information" | "annotation-plus" | "annotation-typing" | "annotation-x" | "atom" | "attatchment-01" | "attatchment-02" | "audio-settings-01" | "audio-settings-02" | "bag-01" | "bag-02" | "bag-03" | "bag-04" | "bag-05" | "bank" | "bank-note-01" | "bank-note-02" | "bank-note-03" | "bank-note-04" | "bank-note-05" | "bank-note-06" | "bar-chart-01" | "bar-chart-02" | "bar-chart-03" | "bar-chart-04" | "bar-chart-05" | "bar-chart-square-01" | "bar-chart-square-02" | "bar-chart-square-03" | "bar-chart-square-down-01" | "bar-chart-square-down-02" | "bar-chart-square-up-01" | "bar-group-01" | "bar-group-02" | "bar-group-03" | "battery-01" | "battery-02" | "battery-03" | "battery-04" | "battery-empty" | "battery-fill-01" | "battery-fill-02" | "battery-fill-04" | "bell-01" | "bell-02" | "bell-03" | "bell-04" | "bell-off-01" | "bell-off-02" | "bell-ringing-01" | "bell-ringing-02" | "bell-ringing-03" | "bell-ringing-04" | "bezier-01" | "bezier-02" | "bluetooth-01" | "bluetooth-02" | "bold-01" | "bold-02" | "book-01" | "book-02" | "book-03" | "book-04" | "book-05" | "book-06" | "box" | "brackets" | "brackets-check" | "brackets-minus" | "brackets-plus" | "brackets-slash" | "brackets-typing" | "calculator-01" | "calculator-02" | "calendar-01" | "calendar-02" | "calendar-03" | "calendar-04" | "calendar-05" | "calendar-06" | "calendar-07" | "calendar-check" | "calendar-minus" | "calendar-number" | "calendar-plus" | "camera-01" | "camera-02" | "camera-lens" | "camera-off" | "cancel-left" | "cancel-right" | "car" | "card-01" | "card-02" | "card-add" | "card-check" | "card-down" | "card-edit" | "card-lock" | "card-minus" | "card-number" | "card-shield" | "card-up" | "card-x" | "cart" | "chart-breakout-circle" | "chart-breakout-square" | "check-01" | "check-02" | "check-broken" | "check-contained" | "check-square-broken" | "check-square-contained" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chromecast" | "clock-01" | "clock-backward" | "clock-check" | "clock-forward" | "clock-plus" | "cloud-01" | "cloud-02" | "cloud-03" | "cloud-04" | "cloud-lightning" | "cloud-rain" | "cloud-snow" | "cloud-sun" | "code-01" | "code-02" | "code-03" | "code-04" | "coin-broken" | "coin-hand" | "coin-number" | "coin-unbroken" | "coins" | "coins-rotate" | "color-picker" | "color-swatch-01" | "color-swatch-02" | "colors-01" | "colors-02" | "column-horizontal-01" | "column-horizontal-02" | "column-horizontal-03" | "column-vertical-01" | "column-vertical-02" | "column-vertical-03" | "compare" | "compass" | "component" | "computer" | "contrast" | "copy-left" | "copy-right" | "crop-01" | "crop-02" | "currency-bath" | "currency-bitcoin" | "currency-cent" | "currency-coin-bath" | "currency-coin-bitcoin" | "currency-coin-cent" | "currency-coin-dollar" | "currency-coin-euro" | "currency-coin-pound" | "currency-coin-rubel" | "currency-coin-rupee" | "currency-coin-yen" | "currency-dollar" | "currency-euro" | "currency-pound" | "currency-rubel" | "currency-rupee" | "currency-yen" | "cursor-01" | "cursor-02" | "cursor-03" | "cursor-04" | "cursor-05" | "cursor-06" | "cursor-grab" | "cursor-grabbed" | "cursor-pointer" | "dash" | "data-01" | "data-02" | "data-03" | "data-04" | "delete" | "delivery" | "diamond" | "disc" | "discount-circle" | "discount-square" | "discount-star-01" | "discount-star-02" | "discount-star-03" | "divider" | "dot-horizontal" | "dot-vertical" | "download" | "download-01" | "download-02" | "edit-01" | "edit-02" | "edit-03" | "edit-04" | "edit-contained" | "email" | "equals" | "equals-not" | "eraser-01" | "eraser-02" | "expand" | "expand-02" | "eye-closed" | "eye-open" | "face-id-01" | "face-id-02" | "fast-backward" | "fast-forward" | "favourite" | "feather-01" | "feather-02" | "file" | "file-01" | "file-02" | "file-03" | "file-04" | "file-05" | "file-06" | "file-attach-01" | "file-attach-02" | "file-attach-03" | "file-branch" | "file-check-01" | "file-check-02" | "file-code" | "file-down-01" | "file-down-02" | "file-edit-01" | "file-edit-02" | "file-eye-01" | "file-eye-02" | "file-lock-01" | "file-lock-02" | "file-lock-03" | "file-minus-01" | "file-minus-02" | "file-multiple" | "file-none" | "file-plus-01" | "file-plus-02" | "file-question-01" | "file-question-02" | "file-return-01" | "file-return-02" | "file-search-01" | "file-search-02" | "file-shield-01" | "file-shield-02" | "file-shield-03" | "file-shred" | "file-up-01" | "file-up-02" | "file-x-02" | "fingerpint-01" | "fingerpint-02" | "flame-01" | "flash-off" | "flash-on" | "flex-align-bottom-01" | "flex-align-center-01" | "flex-align-left-01" | "flex-align-right-01" | "flex-align-spaced-01" | "flex-align-top-01" | "flex-columns" | "flip-01" | "flip-02" | "flip-left" | "flip-right" | "folder" | "folder-code" | "folder-down-01" | "folder-down-02" | "folder-minus-01" | "folder-open-01" | "folder-open-02" | "folder-open-03" | "folder-plus-01" | "folder-plus-02" | "folder-search-01" | "folder-search-02" | "folder-shield" | "folder-up-01" | "folder-up-02" | "folder-x-01" | "folder-x-02" | "gear" | "gift-01" | "gift-02" | "git-branch-01" | "git-branch-02" | "git-branch-03" | "git-branch-04" | "git-branch-05" | "glasses-01" | "glasses-02" | "globe" | "globe-01" | "globe-02" | "globe-03" | "globe-04" | "globe-05" | "graduation-cap-01" | "graduation-cap-02" | "grid-01" | "grid-02" | "grid-03" | "grid-04-filled" | "hash-01" | "hash-02" | "header-01" | "header-02" | "headphones" | "heart" | "help" | "help-circle-contained" | "help-square-contained" | "hexagon" | "home-01" | "home-02" | "home-03" | "home-04" | "home-05" | "horizontal-chart-01" | "horizontal-chart-02" | "horizontal-chart-03" | "hourglass-01" | "hourglass-02" | "hourglass-03" | "image-01" | "image-02" | "image-03" | "image-04" | "image-add" | "image-avatar" | "image-check" | "image-down" | "image-focus" | "image-indent-left" | "image-indent-right" | "image-minus" | "image-no-borders" | "image-question" | "image-up" | "image-x" | "inbox-01" | "inbox-02" | "indent-decrease" | "indent-increase" | "indent-left" | "indent-right" | "info-square-01-contained" | "info-square-02-contained-filled" | "information-circle-contained" | "intersect" | "iphone-02" | "italics-01" | "italics-02" | "key-01" | "key-02" | "keyboard" | "laptop-01" | "laptop-02" | "layers-01" | "layers-02" | "layers-03" | "layers-04" | "layers-05" | "layout-01" | "layout-02" | "layout-03" | "layout-04" | "layout-bottom" | "layout-grid-01" | "layout-left" | "layout-right" | "layout-scale" | "layout-top" | "letter-spacing-01" | "letter-spacing-02" | "letter-spacing-03" | "lightbulb-01" | "lightbulb-02" | "lightbulb-03" | "lightning-01" | "lightning-02" | "lightning-circle-contained" | "lightning-filled" | "lightning-square-contained" | "line-chart-down-01" | "line-chart-down-02" | "line-chart-up-01" | "line-chart-up-02" | "line-height" | "link-angled" | "link-broken" | "link-external" | "list" | "list-numbers" | "loader-01" | "loader-02" | "lock-01" | "lock-02" | "lock-03" | "lock-04" | "lock-open-01" | "lock-open-02" | "lock-open-03" | "lock-open-04" | "logout-01" | "logout-02" | "logout-03" | "logout-04" | "luggage-01" | "luggage-02" | "luggage-03" | "luggage-04" | "mail-01" | "mail-02" | "mail-03" | "mail-04" | "mail-05" | "map-01" | "map-02" | "map-03" | "map-04" | "marker-01" | "marker-02" | "marker-03" | "marker-04" | "marker-05" | "marker-06" | "maximise-01" | "maximise-02" | "media-strip-01" | "media-strip-02" | "menu-01" | "menu-02" | "menu-03" | "menu-04" | "menu-05" | "message-alert-circle" | "message-alert-plus" | "message-chat-01" | "message-circle" | "message-notify-circle" | "message-notify-square" | "message-square" | "message-square-information" | "message-square-plus" | "message-square-typing" | "message-square-x" | "message-text-01" | "message-text-02" | "message-typing" | "message-x" | "microphone-01" | "microphone-02" | "microphone-off-01" | "microphone-off-02" | "minimise-01" | "minimise-02" | "minus-circle-contained" | "minus-square-contained" | "moon-01" | "moon-02" | "mouse" | "move" | "note-01" | "note-02" | "notification-box" | "notification-bubble" | "notification-square-01" | "notification-square-02" | "octagon" | "overlap" | "package-01" | "package-02" | "package-check" | "package-minus" | "package-plus" | "package-x" | "paint-bucket-01" | "paint-bucket-02" | "palette" | "paperclip" | "paperclip-01" | "paperclip-02" | "passport" | "password-01" | "password-02" | "pause-01" | "pause-02" | "pause-03" | "pen-tool-01" | "pen-tool-02" | "pen-tool-03" | "pen-tool-04" | "pencil-01" | "pencil-02" | "pencil-03" | "pentagon" | "percent-01" | "percent-02" | "percent-03" | "perspective" | "phone" | "phone-call-01" | "phone-call-02" | "phone-down" | "phone-incoming-01" | "phone-incoming-02" | "phone-off" | "phone-outgoing-01" | "phone-outgoing-02" | "phone-up" | "phone-x" | "pie-chart-01" | "pie-chart-02" | "pie-chart-03" | "plane" | "play-01" | "play-02" | "play-03" | "plug-01" | "plus-01" | "plus-02" | "plus-03" | "pointer-01" | "pointer-02" | "power" | "presentation-01" | "presentation-02" | "presentation-03" | "quote" | "receipt" | "receipt-lines" | "refresh-01" | "rss" | "ruler" | "save-01" | "save-02" | "scale-01" | "scale-02" | "scale-03" | "scan" | "scissors-01" | "scissors-02" | "scissors-03" | "scissors-04" | "search-01" | "search-02" | "send-01" | "send-02" | "send-03" | "server-01" | "server-02" | "server-03" | "server-04" | "server-05" | "server-06" | "server-down" | "server-up" | "settings" | "share" | "shield-01" | "shield-02" | "shield-check" | "shield-plus" | "shuffle" | "signal" | "skew" | "skip-back" | "skip-forward" | "slash-01-backward" | "slash-01-forward" | "slash-02-forward" | "smiley-happy" | "smiley-happy-plus" | "smiley-neutral" | "smiley-sad" | "smiley-wink" | "snowflake" | "sort-horizontal" | "sort-vertical-01" | "sort-vertical-02" | "space-height" | "space-horizontal" | "space-vertical" | "space-width" | "speaker" | "square" | "star-01" | "star-02" | "stars" | "stop-01" | "stop-02" | "stopwatch-01" | "stopwatch-02" | "stopwatch-03" | "stopwatch-04" | "stopwatch-05" | "stopwatch-off" | "stopwatch-snooze" | "sun-01" | "sun-02" | "sun-03" | "sun-down" | "sun-up" | "superscript" | "tag" | "target-01" | "target-02" | "target-03" | "target-04" | "temperature-01" | "temperature-02" | "temperature-03" | "temperature-04" | "terminal" | "text-input-01" | "text-input-02" | "thumb-down" | "thumb-up" | "ticket-01" | "ticket-02" | "toggle-right" | "toogle-left" | "train" | "transform" | "trash-01" | "trash-02" | "trash-03" | "trash-04" | "trend-down-01" | "trend-down-02" | "trend-up-01" | "trend-up-02" | "triangle" | "truck" | "tv" | "type-01" | "type-02" | "type-03" | "type-strike-01" | "type-strike-02" | "umbrella" | "umbrella-01" | "umbrella-02" | "underline-01" | "underline-02" | "union" | "upload-01" | "upload-02" | "upload-03" | "upload-04" | "user-profile-01" | "user-profile-02" | "user-profile-03" | "user-profile-add-01" | "user-profile-add-02" | "user-profile-check" | "user-profile-circle" | "user-profile-down" | "user-profile-group" | "user-profile-left" | "user-profile-minus" | "user-profile-right" | "user-profile-square" | "user-profile-star" | "user-profile-up" | "user-profile-x" | "users-profiles-01" | "users-profiles-02" | "users-profiles-03" | "users-profiles-check" | "users-profiles-down" | "users-profiles-left" | "users-profiles-minus" | "users-profiles-plus" | "users-profiles-right" | "users-profiles-up" | "users-profiles-x" | "variant" | "video-off" | "video-on" | "volume-01" | "volume-02" | "volume-03" | "volume-04" | "volume-05" | "volume-06" | "volume-07" | "wallert-04" | "wallet-01" | "wallet-02" | "wallet-03" | "watch-01" | "watch-02" | "waveform" | "webcam" | "wifi-off" | "wifi-on" | "wind-01" | "wind-02" | "wind-03" | "wrench" | "x-01" | "x-02" | "x-03" | "x-circle-contained" | "x-square-contained" | "youtube" | "zoom-in" | "zoom-out" | "custom-warning-xs-neutral" | "custom-add-2xl-active" | "custom-add-2xl-neutral" | "custom-add-lg-active" | "custom-add-lg-neutral" | "custom-add-md-active" | "custom-add-md-neutral" | "custom-add-sm-active" | "custom-add-sm-neutral" | "custom-add-xl-active" | "custom-add-xl-neutral" | "custom-add-xs-active" | "custom-add-xs-neutral" | "custom-amf-note-md-active" | "custom-amf-note-paid-md-active" | "custom-att-acc-md-active" | "custom-att-evaluate-md-active" | "custom-att-na-md-active" | "custom-cert-apply-md-active" | "custom-cert-refused-md-active" | "custom-cert-treatment-md-active" | "custom-cert-view-md-active" | "custom-certificate-2xl-active" | "custom-certificate-2xl-neutral" | "custom-certificate-lg-active" | "custom-certificate-lg-neutral" | "custom-certificate-md-active" | "custom-certificate-md-neutral" | "custom-certificate-sm-active" | "custom-certificate-sm-neutral" | "custom-certificate-xl-active" | "custom-certificate-xl-neutral" | "custom-certificate-xs-active" | "custom-certificate-xs-neutral" | "custom-check-2xl-active" | "custom-check-2xl-neutral" | "custom-check-lg-active" | "custom-check-lg-neutral" | "custom-check-md-active" | "custom-check-md-neutral" | "custom-check-sm-active" | "custom-check-sm-neutral" | "custom-check-xl-active" | "custom-check-xl-neutral" | "custom-check-xs-active" | "custom-check-xs-neutral" | "custom-content-classroom-md-active" | "custom-content-classroom-md-neutral" | "custom-content-elearning-md-active" | "custom-content-elearning-md-neutral" | "custom-content-liveonline-md-active" | "custom-content-liveonline-md-neutral" | "custom-content-selfstudy-md-active" | "custom-content-selfstudy-md-neutral" | "custom-content-technical-md-active" | "custom-content-technical-md-neutral" | "custom-delete-2xl-active" | "custom-delete-2xl-neutral" | "custom-delete-lg-active" | "custom-delete-lg-neutral" | "custom-delete-md-active" | "custom-delete-md-neutral" | "custom-delete-sm-active" | "custom-delete-sm-neutral" | "custom-delete-xl-active" | "custom-delete-xl-neutral" | "custom-delete-xs-active" | "custom-delete-xs-neutral" | "custom-doc-2xl-active" | "custom-doc-2xl-neutral" | "custom-doc-lg-active" | "custom-doc-lg-neutral" | "custom-doc-md-active" | "custom-doc-md-neutral" | "custom-doc-sm-active" | "custom-doc-sm-neutral" | "custom-doc-xl-active" | "custom-doc-xl-neutral" | "custom-doc-xs-active" | "custom-doc-xs-neutral" | "custom-download-2xl-active" | "custom-download-2xl-neutral" | "custom-download-lg-active" | "custom-download-lg-neutral" | "custom-download-md-active" | "custom-download-md-neutral" | "custom-download-sm-active" | "custom-download-sm-neutral" | "custom-download-xl-active" | "custom-download-xl-neutral" | "custom-download-xs-active" | "custom-download-xs-neutral" | "custom-exam-failed-md-active" | "custom-exam-missed-md-active" | "custom-exam-passed-md-active" | "custom-exam-schedule-md-active" | "custom-exam-scheduled-md-active" | "custom-exam-waiting-md-active" | "custom-info-2xl-active" | "custom-info-2xl-neutral" | "custom-info-lg-active" | "custom-info-lg-neutral" | "custom-info-md-active" | "custom-info-md-neutral" | "custom-info-sm-active" | "custom-info-sm-neutral" | "custom-info-xl-active" | "custom-info-xl-neutral" | "custom-info-xs-active" | "custom-info-xs-neutral" | "custom-not-applicable-2xl-active" | "custom-not-applicable-2xl-neutral" | "custom-not-applicable-lg-active" | "custom-not-applicable-lg-neutral" | "custom-not-applicable-md-active" | "custom-not-applicable-md-neutral" | "custom-not-applicable-sm-active" | "custom-not-applicable-sm-neutral" | "custom-not-applicable-xl-active" | "custom-not-applicable-xl-neutral" | "custom-not-applicable-xs-active" | "custom-not-applicable-xs-neutral" | "custom-slide-2xl-active" | "custom-slide-2xl-neutral" | "custom-slide-lg-active" | "custom-slide-lg-neutral" | "custom-slide-md-active" | "custom-slide-md-neutral" | "custom-slide-sm-active" | "custom-slide-sm-neutral" | "custom-slide-xl-active" | "custom-slide-xl-neutral" | "custom-slide-xs-active" | "custom-slide-xs-neutral" | "custom-time-2xl-active" | "custom-time-2xl-neutral" | "custom-time-lg-active" | "custom-time-lg-neutral" | "custom-time-md-active" | "custom-time-md-neutral" | "custom-time-sm-active" | "custom-time-sm-neutral" | "custom-time-xl-active" | "custom-time-xl-neutral" | "custom-time-xs-active" | "custom-time-xs-neutral" | "custom-tools-2xl-active" | "custom-tools-2xl-neutral" | "custom-tools-lg-active" | "custom-tools-lg-neutral" | "custom-tools-md-active" | "custom-tools-md-neutral" | "custom-tools-sm-active" | "custom-tools-sm-neutral" | "custom-tools-xl-active" | "custom-tools-xl-neutral" | "custom-tools-xs-active" | "custom-tools-xs-neutral" | "custom-upload-2xl-active" | "custom-upload-2xl-neutral" | "custom-upload-lg-active" | "custom-upload-lg-neutral" | "custom-upload-md-active" | "custom-upload-md-neutral" | "custom-upload-sm-active" | "custom-upload-sm-neutral" | "custom-upload-xl-active" | "custom-upload-xl-neutral" | "custom-upload-xs-active" | "custom-upload-xs-neutral" | "custom-view-2xl-active" | "custom-view-2xl-neutral" | "custom-view-lg-active" | "custom-view-lg-neutral" | "custom-view-md-active" | "custom-view-md-neutral" | "custom-view-sm-active" | "custom-view-sm-neutral" | "custom-view-xl-active" | "custom-view-xl-neutral" | "custom-view-xs-active" | "custom-view-xs-neutral" | "custom-warning-2xl-active" | "custom-warning-2xl-neutral" | "custom-warning-lg-active" | "custom-warning-lg-neutral" | "custom-warning-md-active" | "custom-warning-md-neutral" | "custom-warning-sm-active" | "custom-warning-sm-neutral" | "custom-warning-xl-active" | "custom-warning-xl-neutral" | "custom-warning-xs-active" | undefined>;
     /**
      * Inline SVG string to render inside the container.
      * When provided, this takes precedence over projected content.
@@ -5738,6 +6699,12 @@ declare class IconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "pecb-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "svgIcon": { "alias": "svgIcon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * All available icon names in the PECB icon library.
+ * Use with `<pecb-icon name="icon-name">` for built-in icons.
+ */
+type IconName = 'activity' | 'add-square-01' | 'add-square-02' | 'add-square-03' | 'add-square-04' | 'alarm-01' | 'alarm-02' | 'alarm-03' | 'alarm-04' | 'alarm-05' | 'alarm-06' | 'alarm-check' | 'alarm-minus' | 'alarm-off' | 'alarm-plus' | 'alert-circle' | 'alert-square' | 'alert-triangle' | 'align-center' | 'align-down-01' | 'align-down-02' | 'align-horizontal-center-01' | 'align-horizontal-center-02' | 'align-horizontal-center-03' | 'align-justify' | 'align-left' | 'align-left-01' | 'align-left-02' | 'align-right' | 'align-right-01' | 'align-right-02' | 'align-up-01' | 'align-up-02' | 'align-vertical-center-01' | 'align-vertical-center-02' | 'align-vertical-center-03' | 'annotation' | 'annotation-alert' | 'annotation-check' | 'annotation-information' | 'annotation-plus' | 'annotation-typing' | 'annotation-x' | 'atom' | 'attatchment-01' | 'attatchment-02' | 'audio-settings-01' | 'audio-settings-02' | 'bag-01' | 'bag-02' | 'bag-03' | 'bag-04' | 'bag-05' | 'bank' | 'bank-note-01' | 'bank-note-02' | 'bank-note-03' | 'bank-note-04' | 'bank-note-05' | 'bank-note-06' | 'bar-chart-01' | 'bar-chart-02' | 'bar-chart-03' | 'bar-chart-04' | 'bar-chart-05' | 'bar-chart-square-01' | 'bar-chart-square-02' | 'bar-chart-square-03' | 'bar-chart-square-down-01' | 'bar-chart-square-down-02' | 'bar-chart-square-up-01' | 'bar-group-01' | 'bar-group-02' | 'bar-group-03' | 'battery-01' | 'battery-02' | 'battery-03' | 'battery-04' | 'battery-empty' | 'battery-fill-01' | 'battery-fill-02' | 'battery-fill-04' | 'bell-01' | 'bell-02' | 'bell-03' | 'bell-04' | 'bell-off-01' | 'bell-off-02' | 'bell-ringing-01' | 'bell-ringing-02' | 'bell-ringing-03' | 'bell-ringing-04' | 'bezier-01' | 'bezier-02' | 'bluetooth-01' | 'bluetooth-02' | 'bold-01' | 'bold-02' | 'book-01' | 'book-02' | 'book-03' | 'book-04' | 'book-05' | 'book-06' | 'box' | 'brackets' | 'brackets-check' | 'brackets-minus' | 'brackets-plus' | 'brackets-slash' | 'brackets-typing' | 'calculator-01' | 'calculator-02' | 'calendar-01' | 'calendar-02' | 'calendar-03' | 'calendar-04' | 'calendar-05' | 'calendar-06' | 'calendar-07' | 'calendar-check' | 'calendar-minus' | 'calendar-number' | 'calendar-plus' | 'camera-01' | 'camera-02' | 'camera-lens' | 'camera-off' | 'cancel-left' | 'cancel-right' | 'car' | 'card-01' | 'card-02' | 'card-add' | 'card-check' | 'card-down' | 'card-edit' | 'card-lock' | 'card-minus' | 'card-number' | 'card-shield' | 'card-up' | 'card-x' | 'cart' | 'center' | 'chart-breakout-circle' | 'chart-breakout-square' | 'check-01' | 'check-02' | 'check-broken' | 'check-contained' | 'check-square-broken' | 'check-square-contained' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chromecast' | 'circle' | 'clock-01' | 'clock-backward' | 'clock-check' | 'clock-forward' | 'clock-plus' | 'cloud-01' | 'cloud-02' | 'cloud-03' | 'cloud-04' | 'cloud-lightning' | 'cloud-rain' | 'cloud-snow' | 'cloud-sun' | 'code-01' | 'code-02' | 'code-03' | 'code-04' | 'coin-broken' | 'coin-hand' | 'coin-number' | 'coin-unbroken' | 'coins' | 'coins-rotate' | 'color-picker' | 'color-swatch-01' | 'color-swatch-02' | 'colors-01' | 'colors-02' | 'column-horizontal-01' | 'column-horizontal-02' | 'column-horizontal-03' | 'column-vertical-01' | 'column-vertical-02' | 'column-vertical-03' | 'compare' | 'compass' | 'component' | 'computer' | 'contrast' | 'copy-left' | 'copy-right' | 'crop-01' | 'crop-02' | 'currency-bath' | 'currency-bitcoin' | 'currency-cent' | 'currency-coin-bath' | 'currency-coin-bitcoin' | 'currency-coin-cent' | 'currency-coin-dollar' | 'currency-coin-euro' | 'currency-coin-pound' | 'currency-coin-rubel' | 'currency-coin-rupee' | 'currency-coin-yen' | 'currency-dollar' | 'currency-euro' | 'currency-pound' | 'currency-rubel' | 'currency-rupee' | 'currency-yen' | 'cursor-01' | 'cursor-02' | 'cursor-03' | 'cursor-04' | 'cursor-05' | 'cursor-06' | 'cursor-grab' | 'cursor-grabbed' | 'cursor-pointer' | 'dash' | 'data-01' | 'data-02' | 'data-03' | 'data-04' | 'delete' | 'delivery' | 'diamond' | 'disc' | 'discount-circle' | 'discount-square' | 'discount-star-01' | 'discount-star-02' | 'discount-star-03' | 'divider' | 'dot-horizontal' | 'dot-vertical' | 'download' | 'download-01' | 'download-02' | 'drop' | 'edit-01' | 'edit-02' | 'edit-03' | 'edit-04' | 'edit-contained' | 'email' | 'embed' | 'equals' | 'equals-not' | 'eraser-01' | 'eraser-02' | 'expand' | 'expand-02' | 'eye-closed' | 'eye-open' | 'face-id-01' | 'face-id-02' | 'fast-backward' | 'fast-forward' | 'favourite' | 'feather-01' | 'feather-02' | 'file' | 'file-01' | 'file-02' | 'file-03' | 'file-04' | 'file-05' | 'file-06' | 'file-attach-01' | 'file-attach-02' | 'file-attach-03' | 'file-branch' | 'file-check-01' | 'file-check-02' | 'file-code' | 'file-down-01' | 'file-down-02' | 'file-edit-01' | 'file-edit-02' | 'file-eye-01' | 'file-eye-02' | 'file-lock-01' | 'file-lock-02' | 'file-lock-03' | 'file-minus-01' | 'file-minus-02' | 'file-multiple' | 'file-none' | 'file-plus-01' | 'file-plus-02' | 'file-question-01' | 'file-question-02' | 'file-return-01' | 'file-return-02' | 'file-search-01' | 'file-search-02' | 'file-shield-01' | 'file-shield-02' | 'file-shield-03' | 'file-shred' | 'file-up-01' | 'file-up-02' | 'file-x-02' | 'filter' | 'fingerpint-01' | 'fingerpint-02' | 'flame-01' | 'flash-off' | 'flash-on' | 'flex-align-bottom-01' | 'flex-align-center-01' | 'flex-align-left-01' | 'flex-align-right-01' | 'flex-align-spaced-01' | 'flex-align-top-01' | 'flex-columns' | 'flip-01' | 'flip-02' | 'flip-left' | 'flip-right' | 'folder' | 'folder-code' | 'folder-down-01' | 'folder-down-02' | 'folder-minus-01' | 'folder-open-01' | 'folder-open-02' | 'folder-open-03' | 'folder-plus-01' | 'folder-plus-02' | 'folder-search-01' | 'folder-search-02' | 'folder-shield' | 'folder-up-01' | 'folder-up-02' | 'folder-x-01' | 'folder-x-02' | 'gear' | 'gift-01' | 'gift-02' | 'git-branch-01' | 'git-branch-02' | 'git-branch-03' | 'git-branch-04' | 'git-branch-05' | 'glasses-01' | 'glasses-02' | 'globe' | 'globe-01' | 'globe-02' | 'globe-03' | 'globe-04' | 'globe-05' | 'graduation-cap-01' | 'graduation-cap-02' | 'grid-01' | 'grid-02' | 'grid-03' | 'grid-04-filled' | 'hash-01' | 'hash-02' | 'header-01' | 'header-02' | 'headphones' | 'heart' | 'help' | 'help-circle-contained' | 'help-square-contained' | 'hexagon' | 'home-01' | 'home-02' | 'home-03' | 'home-04' | 'home-05' | 'horizontal-chart-01' | 'horizontal-chart-02' | 'horizontal-chart-03' | 'hourglass-01' | 'hourglass-02' | 'hourglass-03' | 'image' | 'image-01' | 'image-02' | 'image-03' | 'image-04' | 'image-add' | 'image-avatar' | 'image-check' | 'image-down' | 'image-focus' | 'image-indent-left' | 'image-indent-right' | 'image-minus' | 'image-no-borders' | 'image-question' | 'image-up' | 'image-x' | 'inbox-01' | 'inbox-02' | 'indent-decrease' | 'indent-increase' | 'indent-left' | 'indent-right' | 'info-square-01-contained' | 'info-square-02-contained-filled' | 'information-circle-contained' | 'intersect' | 'iphone-02' | 'italics-01' | 'italics-02' | 'key-01' | 'key-02' | 'keyboard' | 'laptop-01' | 'laptop-02' | 'layers-01' | 'layers-02' | 'layers-03' | 'layers-04' | 'layers-05' | 'layout-01' | 'layout-02' | 'layout-03' | 'layout-04' | 'layout-bottom' | 'layout-grid-01' | 'layout-left' | 'layout-right' | 'layout-scale' | 'layout-top' | 'letter-spacing-01' | 'letter-spacing-02' | 'letter-spacing-03' | 'lightbulb-01' | 'lightbulb-02' | 'lightbulb-03' | 'lightning-01' | 'lightning-02' | 'lightning-circle-contained' | 'lightning-filled' | 'lightning-square-contained' | 'line-chart-down-01' | 'line-chart-down-02' | 'line-chart-up-01' | 'line-chart-up-02' | 'line-height' | 'link' | 'link-angled' | 'link-broken' | 'link-external' | 'list' | 'list-numbers' | 'loader-01' | 'loader-02' | 'lock-01' | 'lock-02' | 'lock-03' | 'lock-04' | 'lock-open-01' | 'lock-open-02' | 'lock-open-03' | 'lock-open-04' | 'logout-01' | 'logout-02' | 'logout-03' | 'logout-04' | 'luggage-01' | 'luggage-02' | 'luggage-03' | 'luggage-04' | 'mail-01' | 'mail-02' | 'mail-03' | 'mail-04' | 'mail-05' | 'map-01' | 'map-02' | 'map-03' | 'map-04' | 'marker-01' | 'marker-02' | 'marker-03' | 'marker-04' | 'marker-05' | 'marker-06' | 'maximise-01' | 'maximise-02' | 'media-strip-01' | 'media-strip-02' | 'menu-01' | 'menu-02' | 'menu-03' | 'menu-04' | 'menu-05' | 'message-alert-circle' | 'message-alert-plus' | 'message-chat-01' | 'message-circle' | 'message-notify-circle' | 'message-notify-square' | 'message-square' | 'message-square-information' | 'message-square-plus' | 'message-square-typing' | 'message-square-x' | 'message-text-01' | 'message-text-02' | 'message-typing' | 'message-x' | 'microphone-01' | 'microphone-02' | 'microphone-off-01' | 'microphone-off-02' | 'minimise-01' | 'minimise-02' | 'minus-circle-contained' | 'minus-square-contained' | 'moon-01' | 'moon-02' | 'mouse' | 'move' | 'note-01' | 'note-02' | 'notification-box' | 'notification-bubble' | 'notification-square-01' | 'notification-square-02' | 'octagon' | 'overlap' | 'package-01' | 'package-02' | 'package-check' | 'package-minus' | 'package-plus' | 'package-x' | 'paint-bucket-01' | 'paint-bucket-02' | 'palette' | 'paperclip' | 'paperclip-01' | 'paperclip-02' | 'passport' | 'password-01' | 'password-02' | 'pause-01' | 'pause-02' | 'pause-03' | 'pen-tool-01' | 'pen-tool-02' | 'pen-tool-03' | 'pen-tool-04' | 'pencil-01' | 'pencil-02' | 'pencil-03' | 'pentagon' | 'percent-01' | 'percent-02' | 'percent-03' | 'perspective' | 'phone' | 'phone-call-01' | 'phone-call-02' | 'phone-down' | 'phone-incoming-01' | 'phone-incoming-02' | 'phone-off' | 'phone-outgoing-01' | 'phone-outgoing-02' | 'phone-up' | 'phone-x' | 'pie-chart-01' | 'pie-chart-02' | 'pie-chart-03' | 'plane' | 'play-01' | 'play-02' | 'play-03' | 'plug-01' | 'plus-01' | 'plus-02' | 'plus-03' | 'pointer-01' | 'pointer-02' | 'power' | 'presentation-01' | 'presentation-02' | 'presentation-03' | 'progress' | 'quote' | 'receipt' | 'receipt-lines' | 'refresh-01' | 'rss' | 'ruler' | 'save-01' | 'save-02' | 'scale-01' | 'scale-02' | 'scale-03' | 'scan' | 'scissors-01' | 'scissors-02' | 'scissors-03' | 'scissors-04' | 'search-01' | 'search-02' | 'send-01' | 'send-02' | 'send-03' | 'server-01' | 'server-02' | 'server-03' | 'server-04' | 'server-05' | 'server-06' | 'server-down' | 'server-up' | 'settings' | 'share' | 'shield-01' | 'shield-02' | 'shield-check' | 'shield-plus' | 'shuffle' | 'signal' | 'skew' | 'skip-back' | 'skip-forward' | 'slash-01-backward' | 'slash-01-forward' | 'slash-02-forward' | 'smiley-happy' | 'smiley-happy-plus' | 'smiley-neutral' | 'smiley-sad' | 'smiley-wink' | 'snowflake' | 'sort-horizontal' | 'sort-vertical-01' | 'sort-vertical-02' | 'space-height' | 'space-horizontal' | 'space-vertical' | 'space-width' | 'speaker' | 'square' | 'star-01' | 'star-02' | 'stars' | 'stop-01' | 'stop-02' | 'stopwatch-01' | 'stopwatch-02' | 'stopwatch-03' | 'stopwatch-04' | 'stopwatch-05' | 'stopwatch-off' | 'stopwatch-snooze' | 'sun-01' | 'sun-02' | 'sun-03' | 'sun-down' | 'sun-up' | 'superscript' | 'table' | 'tag' | 'target-01' | 'target-02' | 'target-03' | 'target-04' | 'temperature-01' | 'temperature-02' | 'temperature-03' | 'temperature-04' | 'terminal' | 'text-input-01' | 'text-input-02' | 'thumb-down' | 'thumb-up' | 'ticket-01' | 'ticket-02' | 'toggle-right' | 'toogle-left' | 'train' | 'transform' | 'trash-01' | 'trash-02' | 'trash-03' | 'trash-04' | 'trend-down-01' | 'trend-down-02' | 'trend-up-01' | 'trend-up-02' | 'triangle' | 'truck' | 'tv' | 'type-01' | 'type-02' | 'type-03' | 'type-strike-01' | 'type-strike-02' | 'umbrella' | 'umbrella-01' | 'umbrella-02' | 'underline-01' | 'underline-02' | 'union' | 'upload-01' | 'upload-02' | 'upload-03' | 'upload-04' | 'user-profile-01' | 'user-profile-02' | 'user-profile-03' | 'user-profile-add-01' | 'user-profile-add-02' | 'user-profile-check' | 'user-profile-circle' | 'user-profile-down' | 'user-profile-group' | 'user-profile-left' | 'user-profile-minus' | 'user-profile-right' | 'user-profile-square' | 'user-profile-star' | 'user-profile-up' | 'user-profile-x' | 'users-profiles-01' | 'users-profiles-02' | 'users-profiles-03' | 'users-profiles-check' | 'users-profiles-down' | 'users-profiles-left' | 'users-profiles-minus' | 'users-profiles-plus' | 'users-profiles-right' | 'users-profiles-up' | 'users-profiles-x' | 'variant' | 'video-off' | 'video-on' | 'volume-01' | 'volume-02' | 'volume-03' | 'volume-04' | 'volume-05' | 'volume-06' | 'volume-07' | 'wallert-04' | 'wallet-01' | 'wallet-02' | 'wallet-03' | 'watch-01' | 'watch-02' | 'waveform' | 'webcam' | 'wifi-off' | 'wifi-on' | 'wind-01' | 'wind-02' | 'wind-03' | 'wrench' | 'x-01' | 'x-02' | 'x-03' | 'x-circle-contained' | 'x-square-contained' | 'youtube' | 'zoom-in' | 'zoom-out' | 'custom-warning-xs-neutral';
+
 /**
  * Global registry for SVG icons.
  *
@@ -5777,6 +6744,46 @@ declare class IconRegistry {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<IconRegistry>;
 }
 
+/**
+ * Custom icon names — self-contained icons with built-in background and color.
+ *
+ * Naming: `custom-{state}-{size}-{style}`
+ *
+ * | State            | Description                        |
+ * |------------------|------------------------------------|
+ * | check            | Checkmark / completed              |
+ * | certificate      | Certificate / credential           |
+ * | view             | Eye / visibility                   |
+ * | add              | Plus / create                      |
+ * | delete           | Trash / remove                     |
+ * | download         | Download arrow                     |
+ * | upload           | Upload arrow                       |
+ * | time             | Clock / duration                   |
+ * | slide            | Presentation / slideshow           |
+ * | tools            | Wrench / settings                  |
+ * | doc              | Document / file                    |
+ * | info             | Information circle                 |
+ * | warning          | Warning triangle                   |
+ * | not-applicable   | N/A / disabled                     |
+ *
+ * Sizes: xs (24), sm (32), md (40), lg (48), xl (56), 2xl (64)
+ * Styles: active (colored), neutral (gray)
+ *
+ * Course-progress set (member dashboard tracker) — multi-color artwork icons
+ * available in `md` only; `-off` source artwork maps to the `neutral` style:
+ *
+ * | State                                                              | Column      |
+ * |--------------------------------------------------------------------|-------------|
+ * | content-classroom, content-selfstudy, content-elearning,           | Content     |
+ * | content-liveonline, content-technical (active + neutral)           |             |
+ * | att-acc, att-evaluate, att-na                                      | Attendance  |
+ * | exam-passed, exam-schedule, exam-scheduled, exam-missed,           | Exam        |
+ * | exam-failed, exam-waiting                                          |             |
+ * | cert-view, cert-apply, cert-treatment, cert-refused                | Certificate |
+ * | amf-note, amf-note-paid                                            | AMF/Renewal |
+ */
+type CustomIconName = 'custom-add-2xl-active' | 'custom-add-2xl-neutral' | 'custom-add-lg-active' | 'custom-add-lg-neutral' | 'custom-add-md-active' | 'custom-add-md-neutral' | 'custom-add-sm-active' | 'custom-add-sm-neutral' | 'custom-add-xl-active' | 'custom-add-xl-neutral' | 'custom-add-xs-active' | 'custom-add-xs-neutral' | 'custom-amf-note-md-active' | 'custom-amf-note-paid-md-active' | 'custom-att-acc-md-active' | 'custom-att-evaluate-md-active' | 'custom-att-na-md-active' | 'custom-cert-apply-md-active' | 'custom-cert-refused-md-active' | 'custom-cert-treatment-md-active' | 'custom-cert-view-md-active' | 'custom-certificate-2xl-active' | 'custom-certificate-2xl-neutral' | 'custom-certificate-lg-active' | 'custom-certificate-lg-neutral' | 'custom-certificate-md-active' | 'custom-certificate-md-neutral' | 'custom-certificate-sm-active' | 'custom-certificate-sm-neutral' | 'custom-certificate-xl-active' | 'custom-certificate-xl-neutral' | 'custom-certificate-xs-active' | 'custom-certificate-xs-neutral' | 'custom-check-2xl-active' | 'custom-check-2xl-neutral' | 'custom-check-lg-active' | 'custom-check-lg-neutral' | 'custom-check-md-active' | 'custom-check-md-neutral' | 'custom-check-sm-active' | 'custom-check-sm-neutral' | 'custom-check-xl-active' | 'custom-check-xl-neutral' | 'custom-check-xs-active' | 'custom-check-xs-neutral' | 'custom-content-classroom-md-active' | 'custom-content-classroom-md-neutral' | 'custom-content-elearning-md-active' | 'custom-content-elearning-md-neutral' | 'custom-content-liveonline-md-active' | 'custom-content-liveonline-md-neutral' | 'custom-content-selfstudy-md-active' | 'custom-content-selfstudy-md-neutral' | 'custom-content-technical-md-active' | 'custom-content-technical-md-neutral' | 'custom-delete-2xl-active' | 'custom-delete-2xl-neutral' | 'custom-delete-lg-active' | 'custom-delete-lg-neutral' | 'custom-delete-md-active' | 'custom-delete-md-neutral' | 'custom-delete-sm-active' | 'custom-delete-sm-neutral' | 'custom-delete-xl-active' | 'custom-delete-xl-neutral' | 'custom-delete-xs-active' | 'custom-delete-xs-neutral' | 'custom-doc-2xl-active' | 'custom-doc-2xl-neutral' | 'custom-doc-lg-active' | 'custom-doc-lg-neutral' | 'custom-doc-md-active' | 'custom-doc-md-neutral' | 'custom-doc-sm-active' | 'custom-doc-sm-neutral' | 'custom-doc-xl-active' | 'custom-doc-xl-neutral' | 'custom-doc-xs-active' | 'custom-doc-xs-neutral' | 'custom-download-2xl-active' | 'custom-download-2xl-neutral' | 'custom-download-lg-active' | 'custom-download-lg-neutral' | 'custom-download-md-active' | 'custom-download-md-neutral' | 'custom-download-sm-active' | 'custom-download-sm-neutral' | 'custom-download-xl-active' | 'custom-download-xl-neutral' | 'custom-download-xs-active' | 'custom-download-xs-neutral' | 'custom-exam-failed-md-active' | 'custom-exam-missed-md-active' | 'custom-exam-passed-md-active' | 'custom-exam-schedule-md-active' | 'custom-exam-scheduled-md-active' | 'custom-exam-waiting-md-active' | 'custom-info-2xl-active' | 'custom-info-2xl-neutral' | 'custom-info-lg-active' | 'custom-info-lg-neutral' | 'custom-info-md-active' | 'custom-info-md-neutral' | 'custom-info-sm-active' | 'custom-info-sm-neutral' | 'custom-info-xl-active' | 'custom-info-xl-neutral' | 'custom-info-xs-active' | 'custom-info-xs-neutral' | 'custom-not-applicable-2xl-active' | 'custom-not-applicable-2xl-neutral' | 'custom-not-applicable-lg-active' | 'custom-not-applicable-lg-neutral' | 'custom-not-applicable-md-active' | 'custom-not-applicable-md-neutral' | 'custom-not-applicable-sm-active' | 'custom-not-applicable-sm-neutral' | 'custom-not-applicable-xl-active' | 'custom-not-applicable-xl-neutral' | 'custom-not-applicable-xs-active' | 'custom-not-applicable-xs-neutral' | 'custom-slide-2xl-active' | 'custom-slide-2xl-neutral' | 'custom-slide-lg-active' | 'custom-slide-lg-neutral' | 'custom-slide-md-active' | 'custom-slide-md-neutral' | 'custom-slide-sm-active' | 'custom-slide-sm-neutral' | 'custom-slide-xl-active' | 'custom-slide-xl-neutral' | 'custom-slide-xs-active' | 'custom-slide-xs-neutral' | 'custom-time-2xl-active' | 'custom-time-2xl-neutral' | 'custom-time-lg-active' | 'custom-time-lg-neutral' | 'custom-time-md-active' | 'custom-time-md-neutral' | 'custom-time-sm-active' | 'custom-time-sm-neutral' | 'custom-time-xl-active' | 'custom-time-xl-neutral' | 'custom-time-xs-active' | 'custom-time-xs-neutral' | 'custom-tools-2xl-active' | 'custom-tools-2xl-neutral' | 'custom-tools-lg-active' | 'custom-tools-lg-neutral' | 'custom-tools-md-active' | 'custom-tools-md-neutral' | 'custom-tools-sm-active' | 'custom-tools-sm-neutral' | 'custom-tools-xl-active' | 'custom-tools-xl-neutral' | 'custom-tools-xs-active' | 'custom-tools-xs-neutral' | 'custom-upload-2xl-active' | 'custom-upload-2xl-neutral' | 'custom-upload-lg-active' | 'custom-upload-lg-neutral' | 'custom-upload-md-active' | 'custom-upload-md-neutral' | 'custom-upload-sm-active' | 'custom-upload-sm-neutral' | 'custom-upload-xl-active' | 'custom-upload-xl-neutral' | 'custom-upload-xs-active' | 'custom-upload-xs-neutral' | 'custom-view-2xl-active' | 'custom-view-2xl-neutral' | 'custom-view-lg-active' | 'custom-view-lg-neutral' | 'custom-view-md-active' | 'custom-view-md-neutral' | 'custom-view-sm-active' | 'custom-view-sm-neutral' | 'custom-view-xl-active' | 'custom-view-xl-neutral' | 'custom-view-xs-active' | 'custom-view-xs-neutral' | 'custom-warning-2xl-active' | 'custom-warning-2xl-neutral' | 'custom-warning-lg-active' | 'custom-warning-lg-neutral' | 'custom-warning-md-active' | 'custom-warning-md-neutral' | 'custom-warning-sm-active' | 'custom-warning-sm-neutral' | 'custom-warning-xl-active' | 'custom-warning-xl-neutral' | 'custom-warning-xs-active' | 'custom-warning-xs-neutral';
+
 /**
  * Map of every PECB icon name to its inline SVG string.
  *
@@ -5936,6 +6943,7 @@ declare class DashboardGridComponent {
 type ProgressType = 'bar' | 'circle' | 'spinner';
 type ProgressBarSize = 'sm' | 'lg';
 type ProgressCircleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ProgressArcSize = 'sm' | 'md' | 'lg';
 declare class SpinnerComponent {
     id: _angular_core.InputSignal<string>;
     size: _angular_core.InputSignal<number>;
@@ -5990,6 +6998,41 @@ declare class ProgressCircleComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressCircleComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressCircleComponent, "pecb-progress-circle", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showPercentage": { "alias": "showPercentage"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/**
+ * Half-round (180°) progress gauge with a "value/max" label under the arc —
+ * e.g. the CPD column of the member dashboard's course progress tracker
+ * ("170/180"). Green as soon as there is any progress, muted at zero.
+ *
+ * @example
+ * <pecb-progress-arc [value]="170" [max]="180" />
+ */
+declare class ProgressArcComponent {
+    id: _angular_core.InputSignal<string>;
+    /** Current value (e.g. CPD credits earned) */
+    value: _angular_core.InputSignal<number>;
+    /** Target value the arc fills towards (e.g. CPD credits required) */
+    max: _angular_core.InputSignal<number>;
+    /** Show the "value/max" label under the arc */
+    showLabel: _angular_core.InputSignal<boolean>;
+    /** Gauge width: sm (48px), md (60px), lg (80px) */
+    size: _angular_core.InputSignal<ProgressArcSize>;
+    /** Custom fill color — overrides the automatic green/muted coloring */
+    color: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    private readonly arcLength;
+    private readonly sizeMap;
+    private readonly fontSizeMap;
+    widthValue: _angular_core.Signal<number>;
+    heightValue: _angular_core.Signal<number>;
+    fontSize: _angular_core.Signal<number>;
+    clampedValue: _angular_core.Signal<number>;
+    percent: _angular_core.Signal<number>;
+    dashArray: _angular_core.Signal<string>;
+    fillColor: _angular_core.Signal<string>;
+    get arcClasses(): string[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressArcComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressArcComponent, "pecb-progress-arc", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 
 type CodeInputState = 'default' | 'error';
 type CodeInputDirection = 'horizontal' | 'vertical';
@@ -6988,83 +8031,6 @@ declare class ExpandableRowTableComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ExpandableRowTableComponent, "pecb-expandable-row-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "progressConfig": { "alias": "progressConfig"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "filterAriaLabel": { "alias": "filterAriaLabel"; "required": false; "isSignal": true; }; "expandHeaderLabel": { "alias": "expandHeaderLabel"; "required": false; "isSignal": true; }; "expandRowAriaLabel": { "alias": "expandRowAriaLabel"; "required": false; "isSignal": true; }; "collapseRowAriaLabel": { "alias": "collapseRowAriaLabel"; "required": false; "isSignal": true; }; "previousPageAriaLabel": { "alias": "previousPageAriaLabel"; "required": false; "isSignal": true; }; "nextPageAriaLabel": { "alias": "nextPageAriaLabel"; "required": false; "isSignal": true; }; "pageAriaLabel": { "alias": "pageAriaLabel"; "required": false; "isSignal": true; }; "itemsPerPageLabel": { "alias": "itemsPerPageLabel"; "required": false; "isSignal": true; }; "itemsInfoTemplate": { "alias": "itemsInfoTemplate"; "required": false; "isSignal": true; }; }, { "rowToggled": "rowToggled"; "actionClicked": "actionClicked"; "searchChanged": "searchChanged"; "filterClicked": "filterClicked"; "pageChanged": "pageChanged"; }, ["expandedRowTemplate"], ["[toolbarLeft]", "[toolbarRight]"], true, never>;
 }
 
-/**
- * Badge variant type.
- * - `dot`: small 6px red dot indicator
- * - `count`: numbered badge (default or small size)
- * - `status`: colored dot + text label
- * - `ribbon`: colored tag with bottom-right arrow fold
- */
-type BadgeVariant = 'dot' | 'count' | 'status' | 'ribbon';
-/**
- * Count badge size.
- * - `default`: 20px height, 14px font
- * - `small`: 14px height, 12px font
- */
-type BadgeSize = 'default' | 'small';
-/**
- * Status badge type — determines the dot color.
- */
-type BadgeStatus = 'success' | 'error' | 'default' | 'processing' | 'warning';
-/**
- * Ribbon badge color.
- */
-type RibbonColor = 'blue' | 'orange' | 'gray' | 'red' | 'purple' | 'green' | 'black';
-/**
- * Badge component matching the PECB Figma design system.
- *
- * Three sub-types: Basic (dot/count), Status (dot + label), Ribbon (colored tag).
- *
- * @example
- * ```html
- * <!-- Dot indicator -->
- * <pecb-badge variant="dot"></pecb-badge>
- *
- * <!-- Count badge -->
- * <pecb-badge variant="count" [count]="21"></pecb-badge>
- * <pecb-badge variant="count" [count]="5" size="small"></pecb-badge>
- *
- * <!-- Status badge -->
- * <pecb-badge variant="status" status="success"></pecb-badge>
- * <pecb-badge variant="status" status="error" label="Failed"></pecb-badge>
- *
- * <!-- Ribbon badge -->
- * <pecb-badge variant="ribbon" ribbonColor="blue" text="New"></pecb-badge>
- * ```
- */
-declare class BadgeComponent {
-    /** Unique element ID */
-    id: _angular_core.InputSignal<string>;
-    /** Badge variant */
-    variant: _angular_core.InputSignal<BadgeVariant>;
-    /** Count number (for variant='count') */
-    count: _angular_core.InputSignal<number>;
-    /** Max count before showing "99+" (for variant='count') */
-    maxCount: _angular_core.InputSignal<number>;
-    /** Count badge size */
-    size: _angular_core.InputSignal<BadgeSize>;
-    /** Status type (for variant='status') */
-    status: _angular_core.InputSignal<BadgeStatus>;
-    /** Label text (for variant='status'). Defaults to the status name. */
-    label: _angular_core.InputSignal<string>;
-    /** Whether to show the label text (for variant='status') */
-    showLabel: _angular_core.InputSignal<boolean>;
-    /** Ribbon color (for variant='ribbon') */
-    ribbonColor: _angular_core.InputSignal<RibbonColor>;
-    /** Ribbon/badge text (for variant='ribbon') */
-    text: _angular_core.InputSignal<string>;
-    /** Aria-label for the dot indicator (variant='dot'). */
-    notificationAriaLabel: _angular_core.InputSignal<string>;
-    /** Word appended after the count in the count badge's aria-label (variant='count'). */
-    notificationsLabel: _angular_core.InputSignal<string>;
-    /** Formatted count display */
-    displayCount: _angular_core.Signal<string>;
-    /** Status label — uses explicit label or falls back to status name */
-    statusLabel: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "pecb-badge", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "maxCount": { "alias": "maxCount"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "ribbonColor": { "alias": "ribbonColor"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "notificationAriaLabel": { "alias": "notificationAriaLabel"; "required": false; "isSignal": true; }; "notificationsLabel": { "alias": "notificationsLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 /**
  * Position of the sticky (affix) panel.
  * - `left`: sticky panel on the left, scrollable content on the right
@@ -7935,7 +8901,7 @@ declare class FilterColumnsComponent implements OnInit, OnChanges, OnDestroy, Af
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterColumnsComponent, "pecb-filter-columns", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "filterFields": { "alias": "filterFields"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "showSaveAsView": { "alias": "showSaveAsView"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "filtersTabLabel": { "alias": "filtersTabLabel"; "required": false; "isSignal": true; }; "columnsTabLabel": { "alias": "columnsTabLabel"; "required": false; "isSignal": true; }; "columnsDescription": { "alias": "columnsDescription"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "deselectAllLabel": { "alias": "deselectAllLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; "columnsWarning": { "alias": "columnsWarning"; "required": false; "isSignal": true; }; "saveAsViewLabel": { "alias": "saveAsViewLabel"; "required": false; "isSignal": true; }; "viewNameLabel": { "alias": "viewNameLabel"; "required": false; "isSignal": true; }; "setDefaultViewLabel": { "alias": "setDefaultViewLabel"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "applied": "applied"; "cancelled": "cancelled"; "closed": "closed"; }, never, never, true, never>;
 }
 
-type FileUploadVariant = 'dropzone' | 'inline';
+type FileUploadVariant = 'dropzone' | 'inline' | 'compact';
 type FileUploadState = 'default' | 'uploading' | 'complete' | 'error';
 interface UploadedFile {
     id: string;
@@ -7956,6 +8922,10 @@ declare class FileUploadComponent implements OnInit {
     id: _angular_core.InputSignal<string>;
     /** Visual variant: dropzone (big area) or inline (compact row) */
     variant: _angular_core.InputSignal<FileUploadVariant>;
+    /** compact variant: text before the browse link */
+    compactText: _angular_core.InputSignal<string>;
+    /** compact variant: the highlighted browse link */
+    compactBrowseLabel: _angular_core.InputSignal<string>;
     /** Whether multiple files can be uploaded */
     multiple: _angular_core.InputSignal<boolean>;
     /** Accepted file types (e.g. '.pdf,.png,.jpg') */
@@ -8064,7 +9034,7 @@ declare class FileUploadComponent implements OnInit {
     formatFileDate(date: Date): string;
     getFileTypeColor(type: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "pecb-file-upload", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "uploadTitle": { "alias": "uploadTitle"; "required": false; "isSignal": true; }; "uploadDescription": { "alias": "uploadDescription"; "required": false; "isSignal": true; }; "maxSizeLabel": { "alias": "maxSizeLabel"; "required": false; "isSignal": true; }; "acceptedFormatsText": { "alias": "acceptedFormatsText"; "required": false; "isSignal": true; }; "browseLabel": { "alias": "browseLabel"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "clickToUploadText": { "alias": "clickToUploadText"; "required": false; "isSignal": true; }; "dragAndDropText": { "alias": "dragAndDropText"; "required": false; "isSignal": true; }; "orDividerText": { "alias": "orDividerText"; "required": false; "isSignal": true; }; "uploadingTitle": { "alias": "uploadingTitle"; "required": false; "isSignal": true; }; "clearUploadText": { "alias": "clearUploadText"; "required": false; "isSignal": true; }; "failedToUploadText": { "alias": "failedToUploadText"; "required": false; "isSignal": true; }; "defaultErrorMessage": { "alias": "defaultErrorMessage"; "required": false; "isSignal": true; }; "tryAgainText": { "alias": "tryAgainText"; "required": false; "isSignal": true; }; "uploadedFilesLabel": { "alias": "uploadedFilesLabel"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "cancelUploadAriaLabel": { "alias": "cancelUploadAriaLabel"; "required": false; "isSignal": true; }; "deleteFileAriaLabel": { "alias": "deleteFileAriaLabel"; "required": false; "isSignal": true; }; "downloadFileAriaLabel": { "alias": "downloadFileAriaLabel"; "required": false; "isSignal": true; }; "uploadedSuffix": { "alias": "uploadedSuffix"; "required": false; "isSignal": true; }; "uploadFileAriaLabelPrefix": { "alias": "uploadFileAriaLabelPrefix"; "required": false; "isSignal": true; }; "uploadFilesAriaLabelPrefix": { "alias": "uploadFilesAriaLabelPrefix"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "initialFiles": { "alias": "initialFiles"; "required": false; "isSignal": true; }; }, { "filesSelected": "filesSelected"; "fileCancelled": "fileCancelled"; "fileRetry": "fileRetry"; "fileDeleted": "fileDeleted"; "fileDownload": "fileDownload"; "cleared": "cleared"; "closeClicked": "closeClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "pecb-file-upload", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compactText": { "alias": "compactText"; "required": false; "isSignal": true; }; "compactBrowseLabel": { "alias": "compactBrowseLabel"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "uploadTitle": { "alias": "uploadTitle"; "required": false; "isSignal": true; }; "uploadDescription": { "alias": "uploadDescription"; "required": false; "isSignal": true; }; "maxSizeLabel": { "alias": "maxSizeLabel"; "required": false; "isSignal": true; }; "acceptedFormatsText": { "alias": "acceptedFormatsText"; "required": false; "isSignal": true; }; "browseLabel": { "alias": "browseLabel"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "clickToUploadText": { "alias": "clickToUploadText"; "required": false; "isSignal": true; }; "dragAndDropText": { "alias": "dragAndDropText"; "required": false; "isSignal": true; }; "orDividerText": { "alias": "orDividerText"; "required": false; "isSignal": true; }; "uploadingTitle": { "alias": "uploadingTitle"; "required": false; "isSignal": true; }; "clearUploadText": { "alias": "clearUploadText"; "required": false; "isSignal": true; }; "failedToUploadText": { "alias": "failedToUploadText"; "required": false; "isSignal": true; }; "defaultErrorMessage": { "alias": "defaultErrorMessage"; "required": false; "isSignal": true; }; "tryAgainText": { "alias": "tryAgainText"; "required": false; "isSignal": true; }; "uploadedFilesLabel": { "alias": "uploadedFilesLabel"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "cancelUploadAriaLabel": { "alias": "cancelUploadAriaLabel"; "required": false; "isSignal": true; }; "deleteFileAriaLabel": { "alias": "deleteFileAriaLabel"; "required": false; "isSignal": true; }; "downloadFileAriaLabel": { "alias": "downloadFileAriaLabel"; "required": false; "isSignal": true; }; "uploadedSuffix": { "alias": "uploadedSuffix"; "required": false; "isSignal": true; }; "uploadFileAriaLabelPrefix": { "alias": "uploadFileAriaLabelPrefix"; "required": false; "isSignal": true; }; "uploadFilesAriaLabelPrefix": { "alias": "uploadFilesAriaLabelPrefix"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "initialFiles": { "alias": "initialFiles"; "required": false; "isSignal": true; }; }, { "filesSelected": "filesSelected"; "fileCancelled": "fileCancelled"; "fileRetry": "fileRetry"; "fileDeleted": "fileDeleted"; "fileDownload": "fileDownload"; "cleared": "cleared"; "closeClicked": "closeClicked"; }, never, never, true, never>;
 }
 
 type ToolbarVariant = 'buttons' | 'tabs';
@@ -8364,5 +9334,233 @@ declare class TourComponent implements OnInit, OnChanges {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TourComponent, "pecb-tour", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "indicatorType": { "alias": "indicatorType"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "initialStep": { "alias": "initialStep"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; "previousClicked": "previousClicked"; "nextClicked": "nextClicked"; "finished": "finished"; "stepChanged": "stepChanged"; }, never, never, true, never>;
 }
 
-export { APP_HEADER_TRANSLATIONS, APP_SHELL_LOCALES, APP_SIDEBAR_MENU_ICONS, APP_SIDEBAR_MENU_TRANSLATIONS, APP_SIDEBAR_TRANSLATIONS, AccordionItemComponent, AccordionSmallComponent, AddButtonComponent, AdminHeaderComponent, AdminHeaderFieldTemplateDirective, AffixComponent, AlertComponent, AnchorComponent, AppHeaderComponent, AppSidebarComponent, ApplicationStatusBarComponent, AuditorStatusComponent, AuthorDateTimeComponent, BackToTopComponent, BadgeComponent, BlurDirective, BottomSheetComponent, BreadcrumbsComponent, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CancelUpdateButtonsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CertificateUploadBarComponent, CheckDeleteIconComponent, CheckboxComponent, CheckboxDisplayComponent, CodeInputComponent, CodeSnippetComponent, ColorPaletteComponent, ConfirmationComponent, ContentTypeTagComponent, CourseContentPanelComponent, CoursePlayerComponent, DEFAULT_APP_HEADER_LABELS, DEFAULT_APP_SIDEBAR_LABELS, DEFAULT_APP_SIDEBAR_LANGUAGES, DEFAULT_APP_SIDEBAR_MENU, DEFAULT_APP_SIDEBAR_ROLES, DEFAULT_COURSE_CONTENT_PANEL_LABELS, DEFAULT_LANGUAGES, DEFAULT_VIDEO_PLAYER_LABELS, DEFAULT_VIDEO_PLAYER_RATES, DashboardGridComponent, DatepickerComponent, DividerComponent, DropdownComponent, EMPTY_STATE_MAX_BUTTONS, EditButtonComponent, EditCoverPhotoComponent, EmptyStateComponent, ExpandableRowTableComponent, FileUploadComponent, FilterColumnsComponent, FloatButtonComponent, FloatButtonItemComponent, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, GeneralComponent, GridComponent, GridItemComponent, HeaderActionsComponent, HeaderComponent, HeaderDividerComponent, HeaderLanguageComponent, HeaderSearchComponent, HeaderUserComponent, HierarchicalTableComponent, HorizontalStepsComponent, IconComponent, IconRegistry, IconTagComponent, InformationBoxComponent, InputComponent, LanguageDropdownComponent, LinkButtonComponent, LoadingService, MediaComponent, MessageBubbleComponent, MessageItemComponent, MetricsCardComponent, MiniIconButtonComponent, NoResultsComponent, NoteSidebarItemComponent, NotesPanelComponent, NotificationService, NotificationStatusLinkComponent, PECB_COLOR_PALETTE, PECB_CUSTOM_ICONS, PECB_FONT_STYLES, PECB_ICONS, PECB_TYPE_SCALE, PaginationComponent, PriceMethodComponent, ProfileComponent, ProfileElementsCardComponent, ProfileGroupComponent, ProgressBarComponent, ProgressCircleComponent, ProjectLayoutComponent, QuantitySelectorComponent, QuestionTypeTagComponent, RadioComponent, RadioDisplayComponent, RatingNumberComponent, ReasonForReturnComponent, RequestSentByComponent, RequestStatusBarComponent, ResultPageComponent, RightModalComponent, RightModalContentDirective, RightModalFooterDirective, RightModalHeaderDirective, ShadowDirective, SidebarComponent, SkeletonComponent, SlidePointsComponent, SpacerComponent, SpinnerComponent, StandardsPdfCardComponent, StatisticsCardComponent, StatusComponent, StepperComponent, TabComponent, TableComponent, TagComponent, TestimonialComponent, TextFormFieldComponent, ThemeService, ToggleComponent, ToolbarBarComponent, TooltipComponent, TooltipDirective, TourComponent, TranscriptLineComponent, TypographyComponent, UserWithEmailComponent, VerifyChecklistComponent, VideoPlayerComponent, VideoUploadBarComponent, VirtualTableComponent, addClass, announceToScreenReader, appHeaderLabels, appSidebarLabels, appSidebarMenu, appSidebarRoles, capitalize, closestElement, copyToClipboard, courseModuleStats, courseProgress, createAuthError, createAuthorizationError, createConfigError, createError, createNetworkError, createValidationError, disableBodyScroll, escapeHtml, findCourseLesson, findCourseModule, formatCount, formatCourseDuration, formatCourseTime, formatErrorForLog, formatErrorMessage, formatVideoTime, generateLinkedIds, generateUniqueId, getAriaCurrent, getButtonAriaAttributes, getComputedStyleValue, getDialogAriaAttributes, getFocusableElements, getInitials, getInputAriaAttributes, getOptionAriaAttributes, getProgressAriaAttributes, getScrollParent, getTabAriaAttributes, getVisuallyHiddenStyles, handleError, hasClass, isBlank, isBrowser, isElementVisible, isNotBlank, isPecbError, isRecoverableError, matchesSelector, parseLessonPartTitle, pluralize, prefersHighContrast, prefersReducedMotion, registerErrorHandler, removeClass, resolveAppShellLocale, resolveLessonStatus, scrollIntoView, slugify, stripHtml, toCamelCase, toKebabCase, toPascalCase, toSnakeCase, toggleClass, trapFocus, truncate, tryAsync, trySync, wrapError };
-export type { AccordionVariant, AddButtonVariant, AdminHeaderAction, AdminHeaderActionType, AdminHeaderBadgeVariant, AdminHeaderField, AdminHeaderFieldType, AdminHeaderMetadata, AdminHeaderMetadataType, AdminHeaderProfile, AffixPosition, AlertType, AlertVariant, Alignment, AnchorDirection, AnchorItem, AnchorLevel, AnimationTiming, AppHeaderAction, AppHeaderChip, AppHeaderChipTone, AppHeaderLabels, AppHeaderNotification, AppShellLocale, AppShellTranslations, AppSidebarLabels, AppSidebarMenuItem, AppSidebarMenuOption, AppSidebarMenuOptionChange, AppSidebarMenuStrings, AppSidebarNavGroup, AppSidebarNavItem, AppSidebarProduct, AppSidebarRouterLink, AppSidebarUser, AppStatusColor, AriaAttributes, AriaLive, AriaRole, AuditorStatusType, BadgeSize, BadgeStatus, BadgeVariant, BlurSize, BreadcrumbItem, BreadcrumbSeparator, Breakpoint, ButtonGroupIconMode, ButtonGroupItemPosition, ButtonIconStyle, ButtonSize, ButtonVariant, CalendarDay, Callback, CardElevation, CardRadius, CardRole, CheckDeleteType, CheckboxDisplayState, CheckboxLabelPosition, ClosableWithHooks, CodeInputDirection, CodeInputState, CodeSnippetTheme, CodeSnippetVariant, ColorPaletteGroup, ColorPaletteItem, ColorVariant, Colorable, ColumnOption, ComponentSize, ConfirmationIconType, ContentStyle, ContentTagDisplay, ContentTagType, CourseContentPanelAccent, CourseContentPanelDensity, CourseContentPanelLabels, CourseContentPanelLayout, CourseContentPanelTab, CourseLesson, CourseLessonRunView, CourseLessonStatus, CourseLessonType, CourseLessonView, CourseModule, CourseModuleStats, CourseModuleView, CoursePlayerPanelPosition, CourseProgressStats, CourseTimelineRow, CourseTranscriptCue, CourseTranscriptRow, CustomIconName, DashboardGridGap, DashboardGridLayout, DatepickerSize, Direction, Disableable, DividerType, DropdownOption, DropdownSize, EditButtonVariant, ElevationLevel, EmptyStateButton, EmptyStateIconTheme, ErrorCategory, ErrorHandler, ErrorOptions, ErrorSeverity, EventHandler, ExpandableRowColumn, ExpandableRowPageEvent, ExpandableRowProgressConfig, ExtendedColorVariant, FieldItem, FieldStyle, FileUploadEvent, FileUploadState, FileUploadVariant, FilterColumnsActiveTab, FilterColumnsApplyEvent, FilterField, FilterFieldType, FilterState, FloatButtonAction, FloatButtonPosition, Focusable, FormControlBase, GridAlign, GridColumns, GridGap, GridItemSpan, GridPadding, GridVerticalAlign, HeaderActionButton, HeaderLanguageOption, HeaderSearchCategory, HeaderSearchType, HierarchicalTableAction, HierarchicalTableColumn, HierarchicalTablePageEvent, IconColor, IconName, IconShape, IconSize, IconTagType, InformationBoxVariant, InputSize, InputType, LanguageDisplayMode, LanguageOption, LinkButtonType, Loadable, LoadingState, MarkedDate, MediaGroup, MediaItem, MediaSize, MediaType, MenuItem, MessageBubbleType, MessageDirection, MessageItemStatus, MetricsCardBadgeStatus, MetricsCardIconBg, MetricsCardOrientation, MetricsCardType, MetricsCardVariation, MiniIconAction, NonNullableProps, NoteGroup, NoteItem, NoteSidebarPosition, NoteSidebarState, Notification, NotificationConfig, NotificationPosition, NotificationStatusType, NotificationType, OptionalProps, Orientation, OverlayComponent, PageChangeEvent, PaginationSize, PaginationState, PaginationVariant, PdfCardVariant, PecbError, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, Position, ProfileBadge, ProfileGroupItem, ProfileGroupSize, ProfileIndicator, ProfileSize, ProfileType, ProgressBarSize, ProgressCircleSize, ProgressType, QuestionTagDisplay, QuestionTagType, QuizType, RadioDisplayState, RadioLabelPosition, RadioVariant, RadiusScale, RatingStyle, RequestStatusIconType, RequireProps, ResultPageAction, ResultPageIcon, RibbonColor, RightModalSize, SearchMode, SelectableItem, ShadowHardSize, ShadowSize, ShadowSoftSize, ShadowType, SidebarMenuItem, SidebarSection, Size, Sizeable, SkeletonShape, SkeletonSize, SkeletonType, SortState, SpacerSize, SpacingScale, StateVariant, StatisticsIconColor, StatusColor, StatusSize, StatusType, StatusVariant, StepItem, StepOrder, StepState, StepperDirection, StepperSize, StepperTailStyle, StepperType, TabItem, TabSize, TabStyle, TableAction, TableColumn, TableRowActionEvent, TableSelectionEvent, TableSize, TableSortEvent, TableStatusConfig, TableUserConfig, TableVariant, TagAction, TagStyle, Templatable, TestimonialData, TestimonialVariant, TextFormFieldType, ThemeConfig, ThemeMode, ThemeVariables, ToggleLabelPosition, ToggleSize, ToolbarButton, ToolbarTab, ToolbarVariant, TooltipPointerPosition, TooltipTheme, TourIndicatorType, TourPlacement, TourStep, TourType, TranscriptLineState, TreeNode, TypographyScaleEntry, TypographyStyleEntry, UploadedFile, Validatable, ValidationError, ValidationState, VerifyChecklistItem, VerifyItemStatus, VideoPlayerError, VideoPlayerLabels, VideoPlayerPreload, VideoPlayerSource, VideoPlayerTimeEvent, VideoPlayerTrack, VirtualTableColumn, VirtualTablePageEvent, VirtualTableProgressConfig };
+/**
+ * Card size:
+ * - 'default' — program cards (80px icon tile, 19px title, description)
+ * - 'compact' — application cards (64px icon tile, 16px title)
+ */
+type HubCardSize = 'default' | 'compact';
+/**
+ * Central Hub navigation card — an icon tile, a title, an optional
+ * description and an optional status badge (e.g. "Soon").
+ *
+ * Renders as an `<a>` when [href] is set (and the card is enabled),
+ * otherwise as a keyboard-accessible button-like element that emits
+ * (cardClick).
+ *
+ * The icon can be provided three ways (first match wins):
+ * 1. [iconSrc]  — image URL (svg/png)
+ * 2. [iconSvg]  — raw SVG string (sanitized internally)
+ * 3. projected content marked with the `hubCardIcon` attribute
+ */
+declare class HubCardComponent {
+    private sanitizer;
+    /** Card title (required) */
+    title: _angular_core.InputSignal<string>;
+    /** Supporting text under the title; hidden when empty */
+    description: _angular_core.InputSignal<string>;
+    /** 'default' for program cards, 'compact' for application cards */
+    size: _angular_core.InputSignal<HubCardSize>;
+    /** Badge shown in the top-right corner (e.g. "Soon"); hidden when empty */
+    badgeText: _angular_core.InputSignal<string>;
+    /** Disables interaction and dims the card */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** When set, the card renders as a link */
+    href: _angular_core.InputSignal<string>;
+    /** Link target, e.g. "_blank" — only used together with [href] */
+    target: _angular_core.InputSignal<string>;
+    /** Icon image URL — rendered inside the icon tile */
+    iconSrc: _angular_core.InputSignal<string>;
+    /** Raw SVG string for the icon — used when [iconSrc] is empty */
+    iconSvg: _angular_core.InputSignal<string>;
+    /** Emitted on click / Enter / Space when the card has no [href] */
+    cardClick: _angular_core.OutputEmitterRef<void>;
+    /** Card renders as a link only when enabled and an href is provided */
+    isLink: _angular_core.Signal<boolean>;
+    /** rel="noopener noreferrer" is applied automatically for target="_blank" */
+    rel: _angular_core.Signal<"noopener noreferrer" | null>;
+    safeIconSvg: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    hostClasses: _angular_core.Signal<string>;
+    onActivate(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HubCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HubCardComponent, "pecb-hub-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "badgeText": { "alias": "badgeText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "iconSvg": { "alias": "iconSvg"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, ["[hubCardIcon]"], true, never>;
+}
+
+/**
+ * Responsive grid wrapper for <pecb-hub-card> elements, with an optional
+ * section heading (e.g. "Programs", "Applications").
+ *
+ * Columns adapt automatically to the available container width — no media
+ * queries needed by the consumer: cards wrap once they would shrink below
+ * [minCardWidth], down to a single column on narrow screens.
+ *
+ * @example
+ * <pecb-hub-card-grid sectionTitle="Programs">
+ *   <pecb-hub-card title="Skills" description="..." iconSrc="..." />
+ *   <pecb-hub-card title="Store" description="..." iconSrc="..." />
+ * </pecb-hub-card-grid>
+ */
+declare class HubCardGridComponent {
+    /** Optional section heading rendered above the grid */
+    sectionTitle: _angular_core.InputSignal<string>;
+    /** Minimum card width in px before the grid wraps to fewer columns */
+    minCardWidth: _angular_core.InputSignal<number>;
+    /** Gap between cards in px */
+    gap: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HubCardGridComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HubCardGridComponent, "pecb-hub-card-grid", never, { "sectionTitle": { "alias": "sectionTitle"; "required": false; "isSignal": true; }; "minCardWidth": { "alias": "minCardWidth"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Priority of a recommended action — drives the pill and default tones. */
+type ActionItemPriority = 'high' | 'medium' | 'low';
+/**
+ * "Recommended action" row — a leading icon in a tinted tile, a bold title,
+ * a muted description, a small priority pill (High/Medium/Low mapped to
+ * error/warning/neutral tones) and a trailing CTA button.
+ *
+ * The icon tint, pill tone and CTA variant all derive from [priority] by
+ * default; [ctaVariant] and [priorityLabel] override the derived values
+ * (e.g. for translated labels).
+ *
+ * @example
+ * <pecb-action-item
+ *   icon="refresh-01"
+ *   title="Renew ISO/IEC 27001 Lead Auditor"
+ *   description="Expires in 25 days — start early to avoid a lapse."
+ *   priority="high"
+ *   ctaLabel="Renew"
+ *   (ctaClicked)="renew()"
+ * />
+ */
+declare class ActionItemComponent {
+    /** Leading icon name (general or custom registry icon); hidden when empty */
+    icon: _angular_core.InputSignal<"" | "embed" | "link" | "progress" | "table" | "circle" | "filter" | "image" | "annotation" | "center" | "drop" | "activity" | "add-square-01" | "add-square-02" | "add-square-03" | "add-square-04" | "alarm-01" | "alarm-02" | "alarm-03" | "alarm-04" | "alarm-05" | "alarm-06" | "alarm-check" | "alarm-minus" | "alarm-off" | "alarm-plus" | "alert-circle" | "alert-square" | "alert-triangle" | "align-center" | "align-down-01" | "align-down-02" | "align-horizontal-center-01" | "align-horizontal-center-02" | "align-horizontal-center-03" | "align-justify" | "align-left" | "align-left-01" | "align-left-02" | "align-right" | "align-right-01" | "align-right-02" | "align-up-01" | "align-up-02" | "align-vertical-center-01" | "align-vertical-center-02" | "align-vertical-center-03" | "annotation-alert" | "annotation-check" | "annotation-information" | "annotation-plus" | "annotation-typing" | "annotation-x" | "atom" | "attatchment-01" | "attatchment-02" | "audio-settings-01" | "audio-settings-02" | "bag-01" | "bag-02" | "bag-03" | "bag-04" | "bag-05" | "bank" | "bank-note-01" | "bank-note-02" | "bank-note-03" | "bank-note-04" | "bank-note-05" | "bank-note-06" | "bar-chart-01" | "bar-chart-02" | "bar-chart-03" | "bar-chart-04" | "bar-chart-05" | "bar-chart-square-01" | "bar-chart-square-02" | "bar-chart-square-03" | "bar-chart-square-down-01" | "bar-chart-square-down-02" | "bar-chart-square-up-01" | "bar-group-01" | "bar-group-02" | "bar-group-03" | "battery-01" | "battery-02" | "battery-03" | "battery-04" | "battery-empty" | "battery-fill-01" | "battery-fill-02" | "battery-fill-04" | "bell-01" | "bell-02" | "bell-03" | "bell-04" | "bell-off-01" | "bell-off-02" | "bell-ringing-01" | "bell-ringing-02" | "bell-ringing-03" | "bell-ringing-04" | "bezier-01" | "bezier-02" | "bluetooth-01" | "bluetooth-02" | "bold-01" | "bold-02" | "book-01" | "book-02" | "book-03" | "book-04" | "book-05" | "book-06" | "box" | "brackets" | "brackets-check" | "brackets-minus" | "brackets-plus" | "brackets-slash" | "brackets-typing" | "calculator-01" | "calculator-02" | "calendar-01" | "calendar-02" | "calendar-03" | "calendar-04" | "calendar-05" | "calendar-06" | "calendar-07" | "calendar-check" | "calendar-minus" | "calendar-number" | "calendar-plus" | "camera-01" | "camera-02" | "camera-lens" | "camera-off" | "cancel-left" | "cancel-right" | "car" | "card-01" | "card-02" | "card-add" | "card-check" | "card-down" | "card-edit" | "card-lock" | "card-minus" | "card-number" | "card-shield" | "card-up" | "card-x" | "cart" | "chart-breakout-circle" | "chart-breakout-square" | "check-01" | "check-02" | "check-broken" | "check-contained" | "check-square-broken" | "check-square-contained" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chromecast" | "clock-01" | "clock-backward" | "clock-check" | "clock-forward" | "clock-plus" | "cloud-01" | "cloud-02" | "cloud-03" | "cloud-04" | "cloud-lightning" | "cloud-rain" | "cloud-snow" | "cloud-sun" | "code-01" | "code-02" | "code-03" | "code-04" | "coin-broken" | "coin-hand" | "coin-number" | "coin-unbroken" | "coins" | "coins-rotate" | "color-picker" | "color-swatch-01" | "color-swatch-02" | "colors-01" | "colors-02" | "column-horizontal-01" | "column-horizontal-02" | "column-horizontal-03" | "column-vertical-01" | "column-vertical-02" | "column-vertical-03" | "compare" | "compass" | "component" | "computer" | "contrast" | "copy-left" | "copy-right" | "crop-01" | "crop-02" | "currency-bath" | "currency-bitcoin" | "currency-cent" | "currency-coin-bath" | "currency-coin-bitcoin" | "currency-coin-cent" | "currency-coin-dollar" | "currency-coin-euro" | "currency-coin-pound" | "currency-coin-rubel" | "currency-coin-rupee" | "currency-coin-yen" | "currency-dollar" | "currency-euro" | "currency-pound" | "currency-rubel" | "currency-rupee" | "currency-yen" | "cursor-01" | "cursor-02" | "cursor-03" | "cursor-04" | "cursor-05" | "cursor-06" | "cursor-grab" | "cursor-grabbed" | "cursor-pointer" | "dash" | "data-01" | "data-02" | "data-03" | "data-04" | "delete" | "delivery" | "diamond" | "disc" | "discount-circle" | "discount-square" | "discount-star-01" | "discount-star-02" | "discount-star-03" | "divider" | "dot-horizontal" | "dot-vertical" | "download" | "download-01" | "download-02" | "edit-01" | "edit-02" | "edit-03" | "edit-04" | "edit-contained" | "email" | "equals" | "equals-not" | "eraser-01" | "eraser-02" | "expand" | "expand-02" | "eye-closed" | "eye-open" | "face-id-01" | "face-id-02" | "fast-backward" | "fast-forward" | "favourite" | "feather-01" | "feather-02" | "file" | "file-01" | "file-02" | "file-03" | "file-04" | "file-05" | "file-06" | "file-attach-01" | "file-attach-02" | "file-attach-03" | "file-branch" | "file-check-01" | "file-check-02" | "file-code" | "file-down-01" | "file-down-02" | "file-edit-01" | "file-edit-02" | "file-eye-01" | "file-eye-02" | "file-lock-01" | "file-lock-02" | "file-lock-03" | "file-minus-01" | "file-minus-02" | "file-multiple" | "file-none" | "file-plus-01" | "file-plus-02" | "file-question-01" | "file-question-02" | "file-return-01" | "file-return-02" | "file-search-01" | "file-search-02" | "file-shield-01" | "file-shield-02" | "file-shield-03" | "file-shred" | "file-up-01" | "file-up-02" | "file-x-02" | "fingerpint-01" | "fingerpint-02" | "flame-01" | "flash-off" | "flash-on" | "flex-align-bottom-01" | "flex-align-center-01" | "flex-align-left-01" | "flex-align-right-01" | "flex-align-spaced-01" | "flex-align-top-01" | "flex-columns" | "flip-01" | "flip-02" | "flip-left" | "flip-right" | "folder" | "folder-code" | "folder-down-01" | "folder-down-02" | "folder-minus-01" | "folder-open-01" | "folder-open-02" | "folder-open-03" | "folder-plus-01" | "folder-plus-02" | "folder-search-01" | "folder-search-02" | "folder-shield" | "folder-up-01" | "folder-up-02" | "folder-x-01" | "folder-x-02" | "gear" | "gift-01" | "gift-02" | "git-branch-01" | "git-branch-02" | "git-branch-03" | "git-branch-04" | "git-branch-05" | "glasses-01" | "glasses-02" | "globe" | "globe-01" | "globe-02" | "globe-03" | "globe-04" | "globe-05" | "graduation-cap-01" | "graduation-cap-02" | "grid-01" | "grid-02" | "grid-03" | "grid-04-filled" | "hash-01" | "hash-02" | "header-01" | "header-02" | "headphones" | "heart" | "help" | "help-circle-contained" | "help-square-contained" | "hexagon" | "home-01" | "home-02" | "home-03" | "home-04" | "home-05" | "horizontal-chart-01" | "horizontal-chart-02" | "horizontal-chart-03" | "hourglass-01" | "hourglass-02" | "hourglass-03" | "image-01" | "image-02" | "image-03" | "image-04" | "image-add" | "image-avatar" | "image-check" | "image-down" | "image-focus" | "image-indent-left" | "image-indent-right" | "image-minus" | "image-no-borders" | "image-question" | "image-up" | "image-x" | "inbox-01" | "inbox-02" | "indent-decrease" | "indent-increase" | "indent-left" | "indent-right" | "info-square-01-contained" | "info-square-02-contained-filled" | "information-circle-contained" | "intersect" | "iphone-02" | "italics-01" | "italics-02" | "key-01" | "key-02" | "keyboard" | "laptop-01" | "laptop-02" | "layers-01" | "layers-02" | "layers-03" | "layers-04" | "layers-05" | "layout-01" | "layout-02" | "layout-03" | "layout-04" | "layout-bottom" | "layout-grid-01" | "layout-left" | "layout-right" | "layout-scale" | "layout-top" | "letter-spacing-01" | "letter-spacing-02" | "letter-spacing-03" | "lightbulb-01" | "lightbulb-02" | "lightbulb-03" | "lightning-01" | "lightning-02" | "lightning-circle-contained" | "lightning-filled" | "lightning-square-contained" | "line-chart-down-01" | "line-chart-down-02" | "line-chart-up-01" | "line-chart-up-02" | "line-height" | "link-angled" | "link-broken" | "link-external" | "list" | "list-numbers" | "loader-01" | "loader-02" | "lock-01" | "lock-02" | "lock-03" | "lock-04" | "lock-open-01" | "lock-open-02" | "lock-open-03" | "lock-open-04" | "logout-01" | "logout-02" | "logout-03" | "logout-04" | "luggage-01" | "luggage-02" | "luggage-03" | "luggage-04" | "mail-01" | "mail-02" | "mail-03" | "mail-04" | "mail-05" | "map-01" | "map-02" | "map-03" | "map-04" | "marker-01" | "marker-02" | "marker-03" | "marker-04" | "marker-05" | "marker-06" | "maximise-01" | "maximise-02" | "media-strip-01" | "media-strip-02" | "menu-01" | "menu-02" | "menu-03" | "menu-04" | "menu-05" | "message-alert-circle" | "message-alert-plus" | "message-chat-01" | "message-circle" | "message-notify-circle" | "message-notify-square" | "message-square" | "message-square-information" | "message-square-plus" | "message-square-typing" | "message-square-x" | "message-text-01" | "message-text-02" | "message-typing" | "message-x" | "microphone-01" | "microphone-02" | "microphone-off-01" | "microphone-off-02" | "minimise-01" | "minimise-02" | "minus-circle-contained" | "minus-square-contained" | "moon-01" | "moon-02" | "mouse" | "move" | "note-01" | "note-02" | "notification-box" | "notification-bubble" | "notification-square-01" | "notification-square-02" | "octagon" | "overlap" | "package-01" | "package-02" | "package-check" | "package-minus" | "package-plus" | "package-x" | "paint-bucket-01" | "paint-bucket-02" | "palette" | "paperclip" | "paperclip-01" | "paperclip-02" | "passport" | "password-01" | "password-02" | "pause-01" | "pause-02" | "pause-03" | "pen-tool-01" | "pen-tool-02" | "pen-tool-03" | "pen-tool-04" | "pencil-01" | "pencil-02" | "pencil-03" | "pentagon" | "percent-01" | "percent-02" | "percent-03" | "perspective" | "phone" | "phone-call-01" | "phone-call-02" | "phone-down" | "phone-incoming-01" | "phone-incoming-02" | "phone-off" | "phone-outgoing-01" | "phone-outgoing-02" | "phone-up" | "phone-x" | "pie-chart-01" | "pie-chart-02" | "pie-chart-03" | "plane" | "play-01" | "play-02" | "play-03" | "plug-01" | "plus-01" | "plus-02" | "plus-03" | "pointer-01" | "pointer-02" | "power" | "presentation-01" | "presentation-02" | "presentation-03" | "quote" | "receipt" | "receipt-lines" | "refresh-01" | "rss" | "ruler" | "save-01" | "save-02" | "scale-01" | "scale-02" | "scale-03" | "scan" | "scissors-01" | "scissors-02" | "scissors-03" | "scissors-04" | "search-01" | "search-02" | "send-01" | "send-02" | "send-03" | "server-01" | "server-02" | "server-03" | "server-04" | "server-05" | "server-06" | "server-down" | "server-up" | "settings" | "share" | "shield-01" | "shield-02" | "shield-check" | "shield-plus" | "shuffle" | "signal" | "skew" | "skip-back" | "skip-forward" | "slash-01-backward" | "slash-01-forward" | "slash-02-forward" | "smiley-happy" | "smiley-happy-plus" | "smiley-neutral" | "smiley-sad" | "smiley-wink" | "snowflake" | "sort-horizontal" | "sort-vertical-01" | "sort-vertical-02" | "space-height" | "space-horizontal" | "space-vertical" | "space-width" | "speaker" | "square" | "star-01" | "star-02" | "stars" | "stop-01" | "stop-02" | "stopwatch-01" | "stopwatch-02" | "stopwatch-03" | "stopwatch-04" | "stopwatch-05" | "stopwatch-off" | "stopwatch-snooze" | "sun-01" | "sun-02" | "sun-03" | "sun-down" | "sun-up" | "superscript" | "tag" | "target-01" | "target-02" | "target-03" | "target-04" | "temperature-01" | "temperature-02" | "temperature-03" | "temperature-04" | "terminal" | "text-input-01" | "text-input-02" | "thumb-down" | "thumb-up" | "ticket-01" | "ticket-02" | "toggle-right" | "toogle-left" | "train" | "transform" | "trash-01" | "trash-02" | "trash-03" | "trash-04" | "trend-down-01" | "trend-down-02" | "trend-up-01" | "trend-up-02" | "triangle" | "truck" | "tv" | "type-01" | "type-02" | "type-03" | "type-strike-01" | "type-strike-02" | "umbrella" | "umbrella-01" | "umbrella-02" | "underline-01" | "underline-02" | "union" | "upload-01" | "upload-02" | "upload-03" | "upload-04" | "user-profile-01" | "user-profile-02" | "user-profile-03" | "user-profile-add-01" | "user-profile-add-02" | "user-profile-check" | "user-profile-circle" | "user-profile-down" | "user-profile-group" | "user-profile-left" | "user-profile-minus" | "user-profile-right" | "user-profile-square" | "user-profile-star" | "user-profile-up" | "user-profile-x" | "users-profiles-01" | "users-profiles-02" | "users-profiles-03" | "users-profiles-check" | "users-profiles-down" | "users-profiles-left" | "users-profiles-minus" | "users-profiles-plus" | "users-profiles-right" | "users-profiles-up" | "users-profiles-x" | "variant" | "video-off" | "video-on" | "volume-01" | "volume-02" | "volume-03" | "volume-04" | "volume-05" | "volume-06" | "volume-07" | "wallert-04" | "wallet-01" | "wallet-02" | "wallet-03" | "watch-01" | "watch-02" | "waveform" | "webcam" | "wifi-off" | "wifi-on" | "wind-01" | "wind-02" | "wind-03" | "wrench" | "x-01" | "x-02" | "x-03" | "x-circle-contained" | "x-square-contained" | "youtube" | "zoom-in" | "zoom-out" | "custom-warning-xs-neutral" | "custom-add-2xl-active" | "custom-add-2xl-neutral" | "custom-add-lg-active" | "custom-add-lg-neutral" | "custom-add-md-active" | "custom-add-md-neutral" | "custom-add-sm-active" | "custom-add-sm-neutral" | "custom-add-xl-active" | "custom-add-xl-neutral" | "custom-add-xs-active" | "custom-add-xs-neutral" | "custom-amf-note-md-active" | "custom-amf-note-paid-md-active" | "custom-att-acc-md-active" | "custom-att-evaluate-md-active" | "custom-att-na-md-active" | "custom-cert-apply-md-active" | "custom-cert-refused-md-active" | "custom-cert-treatment-md-active" | "custom-cert-view-md-active" | "custom-certificate-2xl-active" | "custom-certificate-2xl-neutral" | "custom-certificate-lg-active" | "custom-certificate-lg-neutral" | "custom-certificate-md-active" | "custom-certificate-md-neutral" | "custom-certificate-sm-active" | "custom-certificate-sm-neutral" | "custom-certificate-xl-active" | "custom-certificate-xl-neutral" | "custom-certificate-xs-active" | "custom-certificate-xs-neutral" | "custom-check-2xl-active" | "custom-check-2xl-neutral" | "custom-check-lg-active" | "custom-check-lg-neutral" | "custom-check-md-active" | "custom-check-md-neutral" | "custom-check-sm-active" | "custom-check-sm-neutral" | "custom-check-xl-active" | "custom-check-xl-neutral" | "custom-check-xs-active" | "custom-check-xs-neutral" | "custom-content-classroom-md-active" | "custom-content-classroom-md-neutral" | "custom-content-elearning-md-active" | "custom-content-elearning-md-neutral" | "custom-content-liveonline-md-active" | "custom-content-liveonline-md-neutral" | "custom-content-selfstudy-md-active" | "custom-content-selfstudy-md-neutral" | "custom-content-technical-md-active" | "custom-content-technical-md-neutral" | "custom-delete-2xl-active" | "custom-delete-2xl-neutral" | "custom-delete-lg-active" | "custom-delete-lg-neutral" | "custom-delete-md-active" | "custom-delete-md-neutral" | "custom-delete-sm-active" | "custom-delete-sm-neutral" | "custom-delete-xl-active" | "custom-delete-xl-neutral" | "custom-delete-xs-active" | "custom-delete-xs-neutral" | "custom-doc-2xl-active" | "custom-doc-2xl-neutral" | "custom-doc-lg-active" | "custom-doc-lg-neutral" | "custom-doc-md-active" | "custom-doc-md-neutral" | "custom-doc-sm-active" | "custom-doc-sm-neutral" | "custom-doc-xl-active" | "custom-doc-xl-neutral" | "custom-doc-xs-active" | "custom-doc-xs-neutral" | "custom-download-2xl-active" | "custom-download-2xl-neutral" | "custom-download-lg-active" | "custom-download-lg-neutral" | "custom-download-md-active" | "custom-download-md-neutral" | "custom-download-sm-active" | "custom-download-sm-neutral" | "custom-download-xl-active" | "custom-download-xl-neutral" | "custom-download-xs-active" | "custom-download-xs-neutral" | "custom-exam-failed-md-active" | "custom-exam-missed-md-active" | "custom-exam-passed-md-active" | "custom-exam-schedule-md-active" | "custom-exam-scheduled-md-active" | "custom-exam-waiting-md-active" | "custom-info-2xl-active" | "custom-info-2xl-neutral" | "custom-info-lg-active" | "custom-info-lg-neutral" | "custom-info-md-active" | "custom-info-md-neutral" | "custom-info-sm-active" | "custom-info-sm-neutral" | "custom-info-xl-active" | "custom-info-xl-neutral" | "custom-info-xs-active" | "custom-info-xs-neutral" | "custom-not-applicable-2xl-active" | "custom-not-applicable-2xl-neutral" | "custom-not-applicable-lg-active" | "custom-not-applicable-lg-neutral" | "custom-not-applicable-md-active" | "custom-not-applicable-md-neutral" | "custom-not-applicable-sm-active" | "custom-not-applicable-sm-neutral" | "custom-not-applicable-xl-active" | "custom-not-applicable-xl-neutral" | "custom-not-applicable-xs-active" | "custom-not-applicable-xs-neutral" | "custom-slide-2xl-active" | "custom-slide-2xl-neutral" | "custom-slide-lg-active" | "custom-slide-lg-neutral" | "custom-slide-md-active" | "custom-slide-md-neutral" | "custom-slide-sm-active" | "custom-slide-sm-neutral" | "custom-slide-xl-active" | "custom-slide-xl-neutral" | "custom-slide-xs-active" | "custom-slide-xs-neutral" | "custom-time-2xl-active" | "custom-time-2xl-neutral" | "custom-time-lg-active" | "custom-time-lg-neutral" | "custom-time-md-active" | "custom-time-md-neutral" | "custom-time-sm-active" | "custom-time-sm-neutral" | "custom-time-xl-active" | "custom-time-xl-neutral" | "custom-time-xs-active" | "custom-time-xs-neutral" | "custom-tools-2xl-active" | "custom-tools-2xl-neutral" | "custom-tools-lg-active" | "custom-tools-lg-neutral" | "custom-tools-md-active" | "custom-tools-md-neutral" | "custom-tools-sm-active" | "custom-tools-sm-neutral" | "custom-tools-xl-active" | "custom-tools-xl-neutral" | "custom-tools-xs-active" | "custom-tools-xs-neutral" | "custom-upload-2xl-active" | "custom-upload-2xl-neutral" | "custom-upload-lg-active" | "custom-upload-lg-neutral" | "custom-upload-md-active" | "custom-upload-md-neutral" | "custom-upload-sm-active" | "custom-upload-sm-neutral" | "custom-upload-xl-active" | "custom-upload-xl-neutral" | "custom-upload-xs-active" | "custom-upload-xs-neutral" | "custom-view-2xl-active" | "custom-view-2xl-neutral" | "custom-view-lg-active" | "custom-view-lg-neutral" | "custom-view-md-active" | "custom-view-md-neutral" | "custom-view-sm-active" | "custom-view-sm-neutral" | "custom-view-xl-active" | "custom-view-xl-neutral" | "custom-view-xs-active" | "custom-view-xs-neutral" | "custom-warning-2xl-active" | "custom-warning-2xl-neutral" | "custom-warning-lg-active" | "custom-warning-lg-neutral" | "custom-warning-md-active" | "custom-warning-md-neutral" | "custom-warning-sm-active" | "custom-warning-sm-neutral" | "custom-warning-xl-active" | "custom-warning-xl-neutral" | "custom-warning-xs-active">;
+    /** Icon tile shape — the design uses a rounded-square tile */
+    iconShape: _angular_core.InputSignal<IconShape>;
+    /** Action title (required) */
+    title: _angular_core.InputSignal<string>;
+    /** Muted description line under the title; hidden when empty */
+    description: _angular_core.InputSignal<string>;
+    /** Priority — drives the pill tone, icon tint and default CTA variant */
+    priority: _angular_core.InputSignal<ActionItemPriority>;
+    /** Pill text override (e.g. a translated label); defaults per priority */
+    priorityLabel: _angular_core.InputSignal<string>;
+    /** Trailing CTA button label; the button is hidden when empty */
+    ctaLabel: _angular_core.InputSignal<string>;
+    /** CTA button variant override; defaults to destructive for high priority, primary-2 otherwise */
+    ctaVariant: _angular_core.InputSignal<"" | ButtonVariant>;
+    /** Emitted when the CTA button is clicked */
+    ctaClicked: _angular_core.OutputEmitterRef<void>;
+    statusType: _angular_core.Signal<"error" | "neutral" | "warning">;
+    iconColor: _angular_core.Signal<IconColor>;
+    priorityText: _angular_core.Signal<string>;
+    ctaVariantValue: _angular_core.Signal<ButtonVariant>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ActionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ActionItemComponent, "pecb-action-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconShape": { "alias": "iconShape"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "priority": { "alias": "priority"; "required": false; "isSignal": true; }; "priorityLabel": { "alias": "priorityLabel"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "ctaVariant": { "alias": "ctaVariant"; "required": false; "isSignal": true; }; }, { "ctaClicked": "ctaClicked"; }, never, never, true, never>;
+}
+
+/**
+ * Compact list/timeline row — a small round icon, a bold title, a muted
+ * subline and an optional right-aligned meta text (e.g. a timestamp).
+ * Used for feeds like "News releases" and "Recent activity".
+ *
+ * Consecutive rows are divided by a 1px border automatically (the first row
+ * has no divider); place the rows as direct siblings for this to apply.
+ *
+ * Renders as an `<a>` when [href] is set, otherwise as a plain row that
+ * emits (itemClick) when interactive consumers need it.
+ *
+ * @example
+ * <pecb-list-item
+ *   icon="bell-01"
+ *   title="PECB launches ISO/IEC 42001 Lead Implementer training course"
+ *   subtitle="Aug 18, 2026"
+ *   href="https://pecb.com/en/news"
+ *   target="_blank"
+ * />
+ */
+declare class ListItemComponent {
+    /** Leading icon name (general or custom registry icon); hidden when empty */
+    icon: _angular_core.InputSignal<"" | "embed" | "link" | "progress" | "table" | "circle" | "filter" | "image" | "annotation" | "center" | "drop" | "activity" | "add-square-01" | "add-square-02" | "add-square-03" | "add-square-04" | "alarm-01" | "alarm-02" | "alarm-03" | "alarm-04" | "alarm-05" | "alarm-06" | "alarm-check" | "alarm-minus" | "alarm-off" | "alarm-plus" | "alert-circle" | "alert-square" | "alert-triangle" | "align-center" | "align-down-01" | "align-down-02" | "align-horizontal-center-01" | "align-horizontal-center-02" | "align-horizontal-center-03" | "align-justify" | "align-left" | "align-left-01" | "align-left-02" | "align-right" | "align-right-01" | "align-right-02" | "align-up-01" | "align-up-02" | "align-vertical-center-01" | "align-vertical-center-02" | "align-vertical-center-03" | "annotation-alert" | "annotation-check" | "annotation-information" | "annotation-plus" | "annotation-typing" | "annotation-x" | "atom" | "attatchment-01" | "attatchment-02" | "audio-settings-01" | "audio-settings-02" | "bag-01" | "bag-02" | "bag-03" | "bag-04" | "bag-05" | "bank" | "bank-note-01" | "bank-note-02" | "bank-note-03" | "bank-note-04" | "bank-note-05" | "bank-note-06" | "bar-chart-01" | "bar-chart-02" | "bar-chart-03" | "bar-chart-04" | "bar-chart-05" | "bar-chart-square-01" | "bar-chart-square-02" | "bar-chart-square-03" | "bar-chart-square-down-01" | "bar-chart-square-down-02" | "bar-chart-square-up-01" | "bar-group-01" | "bar-group-02" | "bar-group-03" | "battery-01" | "battery-02" | "battery-03" | "battery-04" | "battery-empty" | "battery-fill-01" | "battery-fill-02" | "battery-fill-04" | "bell-01" | "bell-02" | "bell-03" | "bell-04" | "bell-off-01" | "bell-off-02" | "bell-ringing-01" | "bell-ringing-02" | "bell-ringing-03" | "bell-ringing-04" | "bezier-01" | "bezier-02" | "bluetooth-01" | "bluetooth-02" | "bold-01" | "bold-02" | "book-01" | "book-02" | "book-03" | "book-04" | "book-05" | "book-06" | "box" | "brackets" | "brackets-check" | "brackets-minus" | "brackets-plus" | "brackets-slash" | "brackets-typing" | "calculator-01" | "calculator-02" | "calendar-01" | "calendar-02" | "calendar-03" | "calendar-04" | "calendar-05" | "calendar-06" | "calendar-07" | "calendar-check" | "calendar-minus" | "calendar-number" | "calendar-plus" | "camera-01" | "camera-02" | "camera-lens" | "camera-off" | "cancel-left" | "cancel-right" | "car" | "card-01" | "card-02" | "card-add" | "card-check" | "card-down" | "card-edit" | "card-lock" | "card-minus" | "card-number" | "card-shield" | "card-up" | "card-x" | "cart" | "chart-breakout-circle" | "chart-breakout-square" | "check-01" | "check-02" | "check-broken" | "check-contained" | "check-square-broken" | "check-square-contained" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chromecast" | "clock-01" | "clock-backward" | "clock-check" | "clock-forward" | "clock-plus" | "cloud-01" | "cloud-02" | "cloud-03" | "cloud-04" | "cloud-lightning" | "cloud-rain" | "cloud-snow" | "cloud-sun" | "code-01" | "code-02" | "code-03" | "code-04" | "coin-broken" | "coin-hand" | "coin-number" | "coin-unbroken" | "coins" | "coins-rotate" | "color-picker" | "color-swatch-01" | "color-swatch-02" | "colors-01" | "colors-02" | "column-horizontal-01" | "column-horizontal-02" | "column-horizontal-03" | "column-vertical-01" | "column-vertical-02" | "column-vertical-03" | "compare" | "compass" | "component" | "computer" | "contrast" | "copy-left" | "copy-right" | "crop-01" | "crop-02" | "currency-bath" | "currency-bitcoin" | "currency-cent" | "currency-coin-bath" | "currency-coin-bitcoin" | "currency-coin-cent" | "currency-coin-dollar" | "currency-coin-euro" | "currency-coin-pound" | "currency-coin-rubel" | "currency-coin-rupee" | "currency-coin-yen" | "currency-dollar" | "currency-euro" | "currency-pound" | "currency-rubel" | "currency-rupee" | "currency-yen" | "cursor-01" | "cursor-02" | "cursor-03" | "cursor-04" | "cursor-05" | "cursor-06" | "cursor-grab" | "cursor-grabbed" | "cursor-pointer" | "dash" | "data-01" | "data-02" | "data-03" | "data-04" | "delete" | "delivery" | "diamond" | "disc" | "discount-circle" | "discount-square" | "discount-star-01" | "discount-star-02" | "discount-star-03" | "divider" | "dot-horizontal" | "dot-vertical" | "download" | "download-01" | "download-02" | "edit-01" | "edit-02" | "edit-03" | "edit-04" | "edit-contained" | "email" | "equals" | "equals-not" | "eraser-01" | "eraser-02" | "expand" | "expand-02" | "eye-closed" | "eye-open" | "face-id-01" | "face-id-02" | "fast-backward" | "fast-forward" | "favourite" | "feather-01" | "feather-02" | "file" | "file-01" | "file-02" | "file-03" | "file-04" | "file-05" | "file-06" | "file-attach-01" | "file-attach-02" | "file-attach-03" | "file-branch" | "file-check-01" | "file-check-02" | "file-code" | "file-down-01" | "file-down-02" | "file-edit-01" | "file-edit-02" | "file-eye-01" | "file-eye-02" | "file-lock-01" | "file-lock-02" | "file-lock-03" | "file-minus-01" | "file-minus-02" | "file-multiple" | "file-none" | "file-plus-01" | "file-plus-02" | "file-question-01" | "file-question-02" | "file-return-01" | "file-return-02" | "file-search-01" | "file-search-02" | "file-shield-01" | "file-shield-02" | "file-shield-03" | "file-shred" | "file-up-01" | "file-up-02" | "file-x-02" | "fingerpint-01" | "fingerpint-02" | "flame-01" | "flash-off" | "flash-on" | "flex-align-bottom-01" | "flex-align-center-01" | "flex-align-left-01" | "flex-align-right-01" | "flex-align-spaced-01" | "flex-align-top-01" | "flex-columns" | "flip-01" | "flip-02" | "flip-left" | "flip-right" | "folder" | "folder-code" | "folder-down-01" | "folder-down-02" | "folder-minus-01" | "folder-open-01" | "folder-open-02" | "folder-open-03" | "folder-plus-01" | "folder-plus-02" | "folder-search-01" | "folder-search-02" | "folder-shield" | "folder-up-01" | "folder-up-02" | "folder-x-01" | "folder-x-02" | "gear" | "gift-01" | "gift-02" | "git-branch-01" | "git-branch-02" | "git-branch-03" | "git-branch-04" | "git-branch-05" | "glasses-01" | "glasses-02" | "globe" | "globe-01" | "globe-02" | "globe-03" | "globe-04" | "globe-05" | "graduation-cap-01" | "graduation-cap-02" | "grid-01" | "grid-02" | "grid-03" | "grid-04-filled" | "hash-01" | "hash-02" | "header-01" | "header-02" | "headphones" | "heart" | "help" | "help-circle-contained" | "help-square-contained" | "hexagon" | "home-01" | "home-02" | "home-03" | "home-04" | "home-05" | "horizontal-chart-01" | "horizontal-chart-02" | "horizontal-chart-03" | "hourglass-01" | "hourglass-02" | "hourglass-03" | "image-01" | "image-02" | "image-03" | "image-04" | "image-add" | "image-avatar" | "image-check" | "image-down" | "image-focus" | "image-indent-left" | "image-indent-right" | "image-minus" | "image-no-borders" | "image-question" | "image-up" | "image-x" | "inbox-01" | "inbox-02" | "indent-decrease" | "indent-increase" | "indent-left" | "indent-right" | "info-square-01-contained" | "info-square-02-contained-filled" | "information-circle-contained" | "intersect" | "iphone-02" | "italics-01" | "italics-02" | "key-01" | "key-02" | "keyboard" | "laptop-01" | "laptop-02" | "layers-01" | "layers-02" | "layers-03" | "layers-04" | "layers-05" | "layout-01" | "layout-02" | "layout-03" | "layout-04" | "layout-bottom" | "layout-grid-01" | "layout-left" | "layout-right" | "layout-scale" | "layout-top" | "letter-spacing-01" | "letter-spacing-02" | "letter-spacing-03" | "lightbulb-01" | "lightbulb-02" | "lightbulb-03" | "lightning-01" | "lightning-02" | "lightning-circle-contained" | "lightning-filled" | "lightning-square-contained" | "line-chart-down-01" | "line-chart-down-02" | "line-chart-up-01" | "line-chart-up-02" | "line-height" | "link-angled" | "link-broken" | "link-external" | "list" | "list-numbers" | "loader-01" | "loader-02" | "lock-01" | "lock-02" | "lock-03" | "lock-04" | "lock-open-01" | "lock-open-02" | "lock-open-03" | "lock-open-04" | "logout-01" | "logout-02" | "logout-03" | "logout-04" | "luggage-01" | "luggage-02" | "luggage-03" | "luggage-04" | "mail-01" | "mail-02" | "mail-03" | "mail-04" | "mail-05" | "map-01" | "map-02" | "map-03" | "map-04" | "marker-01" | "marker-02" | "marker-03" | "marker-04" | "marker-05" | "marker-06" | "maximise-01" | "maximise-02" | "media-strip-01" | "media-strip-02" | "menu-01" | "menu-02" | "menu-03" | "menu-04" | "menu-05" | "message-alert-circle" | "message-alert-plus" | "message-chat-01" | "message-circle" | "message-notify-circle" | "message-notify-square" | "message-square" | "message-square-information" | "message-square-plus" | "message-square-typing" | "message-square-x" | "message-text-01" | "message-text-02" | "message-typing" | "message-x" | "microphone-01" | "microphone-02" | "microphone-off-01" | "microphone-off-02" | "minimise-01" | "minimise-02" | "minus-circle-contained" | "minus-square-contained" | "moon-01" | "moon-02" | "mouse" | "move" | "note-01" | "note-02" | "notification-box" | "notification-bubble" | "notification-square-01" | "notification-square-02" | "octagon" | "overlap" | "package-01" | "package-02" | "package-check" | "package-minus" | "package-plus" | "package-x" | "paint-bucket-01" | "paint-bucket-02" | "palette" | "paperclip" | "paperclip-01" | "paperclip-02" | "passport" | "password-01" | "password-02" | "pause-01" | "pause-02" | "pause-03" | "pen-tool-01" | "pen-tool-02" | "pen-tool-03" | "pen-tool-04" | "pencil-01" | "pencil-02" | "pencil-03" | "pentagon" | "percent-01" | "percent-02" | "percent-03" | "perspective" | "phone" | "phone-call-01" | "phone-call-02" | "phone-down" | "phone-incoming-01" | "phone-incoming-02" | "phone-off" | "phone-outgoing-01" | "phone-outgoing-02" | "phone-up" | "phone-x" | "pie-chart-01" | "pie-chart-02" | "pie-chart-03" | "plane" | "play-01" | "play-02" | "play-03" | "plug-01" | "plus-01" | "plus-02" | "plus-03" | "pointer-01" | "pointer-02" | "power" | "presentation-01" | "presentation-02" | "presentation-03" | "quote" | "receipt" | "receipt-lines" | "refresh-01" | "rss" | "ruler" | "save-01" | "save-02" | "scale-01" | "scale-02" | "scale-03" | "scan" | "scissors-01" | "scissors-02" | "scissors-03" | "scissors-04" | "search-01" | "search-02" | "send-01" | "send-02" | "send-03" | "server-01" | "server-02" | "server-03" | "server-04" | "server-05" | "server-06" | "server-down" | "server-up" | "settings" | "share" | "shield-01" | "shield-02" | "shield-check" | "shield-plus" | "shuffle" | "signal" | "skew" | "skip-back" | "skip-forward" | "slash-01-backward" | "slash-01-forward" | "slash-02-forward" | "smiley-happy" | "smiley-happy-plus" | "smiley-neutral" | "smiley-sad" | "smiley-wink" | "snowflake" | "sort-horizontal" | "sort-vertical-01" | "sort-vertical-02" | "space-height" | "space-horizontal" | "space-vertical" | "space-width" | "speaker" | "square" | "star-01" | "star-02" | "stars" | "stop-01" | "stop-02" | "stopwatch-01" | "stopwatch-02" | "stopwatch-03" | "stopwatch-04" | "stopwatch-05" | "stopwatch-off" | "stopwatch-snooze" | "sun-01" | "sun-02" | "sun-03" | "sun-down" | "sun-up" | "superscript" | "tag" | "target-01" | "target-02" | "target-03" | "target-04" | "temperature-01" | "temperature-02" | "temperature-03" | "temperature-04" | "terminal" | "text-input-01" | "text-input-02" | "thumb-down" | "thumb-up" | "ticket-01" | "ticket-02" | "toggle-right" | "toogle-left" | "train" | "transform" | "trash-01" | "trash-02" | "trash-03" | "trash-04" | "trend-down-01" | "trend-down-02" | "trend-up-01" | "trend-up-02" | "triangle" | "truck" | "tv" | "type-01" | "type-02" | "type-03" | "type-strike-01" | "type-strike-02" | "umbrella" | "umbrella-01" | "umbrella-02" | "underline-01" | "underline-02" | "union" | "upload-01" | "upload-02" | "upload-03" | "upload-04" | "user-profile-01" | "user-profile-02" | "user-profile-03" | "user-profile-add-01" | "user-profile-add-02" | "user-profile-check" | "user-profile-circle" | "user-profile-down" | "user-profile-group" | "user-profile-left" | "user-profile-minus" | "user-profile-right" | "user-profile-square" | "user-profile-star" | "user-profile-up" | "user-profile-x" | "users-profiles-01" | "users-profiles-02" | "users-profiles-03" | "users-profiles-check" | "users-profiles-down" | "users-profiles-left" | "users-profiles-minus" | "users-profiles-plus" | "users-profiles-right" | "users-profiles-up" | "users-profiles-x" | "variant" | "video-off" | "video-on" | "volume-01" | "volume-02" | "volume-03" | "volume-04" | "volume-05" | "volume-06" | "volume-07" | "wallert-04" | "wallet-01" | "wallet-02" | "wallet-03" | "watch-01" | "watch-02" | "waveform" | "webcam" | "wifi-off" | "wifi-on" | "wind-01" | "wind-02" | "wind-03" | "wrench" | "x-01" | "x-02" | "x-03" | "x-circle-contained" | "x-square-contained" | "youtube" | "zoom-in" | "zoom-out" | "custom-warning-xs-neutral" | "custom-add-2xl-active" | "custom-add-2xl-neutral" | "custom-add-lg-active" | "custom-add-lg-neutral" | "custom-add-md-active" | "custom-add-md-neutral" | "custom-add-sm-active" | "custom-add-sm-neutral" | "custom-add-xl-active" | "custom-add-xl-neutral" | "custom-add-xs-active" | "custom-add-xs-neutral" | "custom-amf-note-md-active" | "custom-amf-note-paid-md-active" | "custom-att-acc-md-active" | "custom-att-evaluate-md-active" | "custom-att-na-md-active" | "custom-cert-apply-md-active" | "custom-cert-refused-md-active" | "custom-cert-treatment-md-active" | "custom-cert-view-md-active" | "custom-certificate-2xl-active" | "custom-certificate-2xl-neutral" | "custom-certificate-lg-active" | "custom-certificate-lg-neutral" | "custom-certificate-md-active" | "custom-certificate-md-neutral" | "custom-certificate-sm-active" | "custom-certificate-sm-neutral" | "custom-certificate-xl-active" | "custom-certificate-xl-neutral" | "custom-certificate-xs-active" | "custom-certificate-xs-neutral" | "custom-check-2xl-active" | "custom-check-2xl-neutral" | "custom-check-lg-active" | "custom-check-lg-neutral" | "custom-check-md-active" | "custom-check-md-neutral" | "custom-check-sm-active" | "custom-check-sm-neutral" | "custom-check-xl-active" | "custom-check-xl-neutral" | "custom-check-xs-active" | "custom-check-xs-neutral" | "custom-content-classroom-md-active" | "custom-content-classroom-md-neutral" | "custom-content-elearning-md-active" | "custom-content-elearning-md-neutral" | "custom-content-liveonline-md-active" | "custom-content-liveonline-md-neutral" | "custom-content-selfstudy-md-active" | "custom-content-selfstudy-md-neutral" | "custom-content-technical-md-active" | "custom-content-technical-md-neutral" | "custom-delete-2xl-active" | "custom-delete-2xl-neutral" | "custom-delete-lg-active" | "custom-delete-lg-neutral" | "custom-delete-md-active" | "custom-delete-md-neutral" | "custom-delete-sm-active" | "custom-delete-sm-neutral" | "custom-delete-xl-active" | "custom-delete-xl-neutral" | "custom-delete-xs-active" | "custom-delete-xs-neutral" | "custom-doc-2xl-active" | "custom-doc-2xl-neutral" | "custom-doc-lg-active" | "custom-doc-lg-neutral" | "custom-doc-md-active" | "custom-doc-md-neutral" | "custom-doc-sm-active" | "custom-doc-sm-neutral" | "custom-doc-xl-active" | "custom-doc-xl-neutral" | "custom-doc-xs-active" | "custom-doc-xs-neutral" | "custom-download-2xl-active" | "custom-download-2xl-neutral" | "custom-download-lg-active" | "custom-download-lg-neutral" | "custom-download-md-active" | "custom-download-md-neutral" | "custom-download-sm-active" | "custom-download-sm-neutral" | "custom-download-xl-active" | "custom-download-xl-neutral" | "custom-download-xs-active" | "custom-download-xs-neutral" | "custom-exam-failed-md-active" | "custom-exam-missed-md-active" | "custom-exam-passed-md-active" | "custom-exam-schedule-md-active" | "custom-exam-scheduled-md-active" | "custom-exam-waiting-md-active" | "custom-info-2xl-active" | "custom-info-2xl-neutral" | "custom-info-lg-active" | "custom-info-lg-neutral" | "custom-info-md-active" | "custom-info-md-neutral" | "custom-info-sm-active" | "custom-info-sm-neutral" | "custom-info-xl-active" | "custom-info-xl-neutral" | "custom-info-xs-active" | "custom-info-xs-neutral" | "custom-not-applicable-2xl-active" | "custom-not-applicable-2xl-neutral" | "custom-not-applicable-lg-active" | "custom-not-applicable-lg-neutral" | "custom-not-applicable-md-active" | "custom-not-applicable-md-neutral" | "custom-not-applicable-sm-active" | "custom-not-applicable-sm-neutral" | "custom-not-applicable-xl-active" | "custom-not-applicable-xl-neutral" | "custom-not-applicable-xs-active" | "custom-not-applicable-xs-neutral" | "custom-slide-2xl-active" | "custom-slide-2xl-neutral" | "custom-slide-lg-active" | "custom-slide-lg-neutral" | "custom-slide-md-active" | "custom-slide-md-neutral" | "custom-slide-sm-active" | "custom-slide-sm-neutral" | "custom-slide-xl-active" | "custom-slide-xl-neutral" | "custom-slide-xs-active" | "custom-slide-xs-neutral" | "custom-time-2xl-active" | "custom-time-2xl-neutral" | "custom-time-lg-active" | "custom-time-lg-neutral" | "custom-time-md-active" | "custom-time-md-neutral" | "custom-time-sm-active" | "custom-time-sm-neutral" | "custom-time-xl-active" | "custom-time-xl-neutral" | "custom-time-xs-active" | "custom-time-xs-neutral" | "custom-tools-2xl-active" | "custom-tools-2xl-neutral" | "custom-tools-lg-active" | "custom-tools-lg-neutral" | "custom-tools-md-active" | "custom-tools-md-neutral" | "custom-tools-sm-active" | "custom-tools-sm-neutral" | "custom-tools-xl-active" | "custom-tools-xl-neutral" | "custom-tools-xs-active" | "custom-tools-xs-neutral" | "custom-upload-2xl-active" | "custom-upload-2xl-neutral" | "custom-upload-lg-active" | "custom-upload-lg-neutral" | "custom-upload-md-active" | "custom-upload-md-neutral" | "custom-upload-sm-active" | "custom-upload-sm-neutral" | "custom-upload-xl-active" | "custom-upload-xl-neutral" | "custom-upload-xs-active" | "custom-upload-xs-neutral" | "custom-view-2xl-active" | "custom-view-2xl-neutral" | "custom-view-lg-active" | "custom-view-lg-neutral" | "custom-view-md-active" | "custom-view-md-neutral" | "custom-view-sm-active" | "custom-view-sm-neutral" | "custom-view-xl-active" | "custom-view-xl-neutral" | "custom-view-xs-active" | "custom-view-xs-neutral" | "custom-warning-2xl-active" | "custom-warning-2xl-neutral" | "custom-warning-lg-active" | "custom-warning-lg-neutral" | "custom-warning-md-active" | "custom-warning-md-neutral" | "custom-warning-sm-active" | "custom-warning-sm-neutral" | "custom-warning-xl-active" | "custom-warning-xl-neutral" | "custom-warning-xs-active">;
+    /** Icon tile color — e.g. 'gray' for activity feeds, 'error' for urgent rows */
+    iconColor: _angular_core.InputSignal<IconColor>;
+    /** Row title (required) */
+    title: _angular_core.InputSignal<string>;
+    /** Muted subline under the title; hidden when empty */
+    subtitle: _angular_core.InputSignal<string>;
+    /** Right-aligned meta text (e.g. "2 days ago"); hidden when empty */
+    meta: _angular_core.InputSignal<string>;
+    /** When set, the row renders as a link */
+    href: _angular_core.InputSignal<string>;
+    /** Link target, e.g. "_blank" — only used together with [href] */
+    target: _angular_core.InputSignal<string>;
+    /** Emitted on click when the row has no [href] */
+    itemClick: _angular_core.OutputEmitterRef<void>;
+    isLink: _angular_core.Signal<boolean>;
+    /** rel="noopener noreferrer" is applied automatically for target="_blank" */
+    rel: _angular_core.Signal<"noopener noreferrer" | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemComponent, "pecb-list-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+/**
+ * Course/recommendation tile — a dark icon tile, an uppercase category tag
+ * (brand red), a bold title, a muted meta line (e.g. "5 days · Advanced")
+ * and a CTA link ("View course" with a trailing arrow), with hover elevation.
+ *
+ * The icon can be provided three ways (first match wins):
+ * 1. [icon]     — registry icon name (general or custom); black-stroke
+ *                 registry icons are recolored white inside the dark tile
+ * 2. [iconSrc]  — image URL (svg/png)
+ * 3. [iconSvg]  — raw SVG string (sanitized internally)
+ * The tile is hidden when none is set.
+ *
+ * Renders as an `<a>` when [href] is set, otherwise as a keyboard-accessible
+ * button-like element that emits (cardClick).
+ *
+ * @example
+ * <pecb-course-tile
+ *   icon="graduation-hat-01"
+ *   category="AI Management"
+ *   title="ISO/IEC 42001 Lead Implementer"
+ *   meta="5 days · Advanced"
+ *   href="https://pecb.com/en/education-and-certification-for-individuals"
+ *   target="_blank"
+ * />
+ */
+declare class CourseTileComponent {
+    private sanitizer;
+    private registry;
+    /** Registry icon name shown in the dark tile; see also [iconSrc]/[iconSvg] */
+    icon: _angular_core.InputSignal<"" | "embed" | "link" | "progress" | "table" | "circle" | "filter" | "image" | "annotation" | "center" | "drop" | "activity" | "add-square-01" | "add-square-02" | "add-square-03" | "add-square-04" | "alarm-01" | "alarm-02" | "alarm-03" | "alarm-04" | "alarm-05" | "alarm-06" | "alarm-check" | "alarm-minus" | "alarm-off" | "alarm-plus" | "alert-circle" | "alert-square" | "alert-triangle" | "align-center" | "align-down-01" | "align-down-02" | "align-horizontal-center-01" | "align-horizontal-center-02" | "align-horizontal-center-03" | "align-justify" | "align-left" | "align-left-01" | "align-left-02" | "align-right" | "align-right-01" | "align-right-02" | "align-up-01" | "align-up-02" | "align-vertical-center-01" | "align-vertical-center-02" | "align-vertical-center-03" | "annotation-alert" | "annotation-check" | "annotation-information" | "annotation-plus" | "annotation-typing" | "annotation-x" | "atom" | "attatchment-01" | "attatchment-02" | "audio-settings-01" | "audio-settings-02" | "bag-01" | "bag-02" | "bag-03" | "bag-04" | "bag-05" | "bank" | "bank-note-01" | "bank-note-02" | "bank-note-03" | "bank-note-04" | "bank-note-05" | "bank-note-06" | "bar-chart-01" | "bar-chart-02" | "bar-chart-03" | "bar-chart-04" | "bar-chart-05" | "bar-chart-square-01" | "bar-chart-square-02" | "bar-chart-square-03" | "bar-chart-square-down-01" | "bar-chart-square-down-02" | "bar-chart-square-up-01" | "bar-group-01" | "bar-group-02" | "bar-group-03" | "battery-01" | "battery-02" | "battery-03" | "battery-04" | "battery-empty" | "battery-fill-01" | "battery-fill-02" | "battery-fill-04" | "bell-01" | "bell-02" | "bell-03" | "bell-04" | "bell-off-01" | "bell-off-02" | "bell-ringing-01" | "bell-ringing-02" | "bell-ringing-03" | "bell-ringing-04" | "bezier-01" | "bezier-02" | "bluetooth-01" | "bluetooth-02" | "bold-01" | "bold-02" | "book-01" | "book-02" | "book-03" | "book-04" | "book-05" | "book-06" | "box" | "brackets" | "brackets-check" | "brackets-minus" | "brackets-plus" | "brackets-slash" | "brackets-typing" | "calculator-01" | "calculator-02" | "calendar-01" | "calendar-02" | "calendar-03" | "calendar-04" | "calendar-05" | "calendar-06" | "calendar-07" | "calendar-check" | "calendar-minus" | "calendar-number" | "calendar-plus" | "camera-01" | "camera-02" | "camera-lens" | "camera-off" | "cancel-left" | "cancel-right" | "car" | "card-01" | "card-02" | "card-add" | "card-check" | "card-down" | "card-edit" | "card-lock" | "card-minus" | "card-number" | "card-shield" | "card-up" | "card-x" | "cart" | "chart-breakout-circle" | "chart-breakout-square" | "check-01" | "check-02" | "check-broken" | "check-contained" | "check-square-broken" | "check-square-contained" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chromecast" | "clock-01" | "clock-backward" | "clock-check" | "clock-forward" | "clock-plus" | "cloud-01" | "cloud-02" | "cloud-03" | "cloud-04" | "cloud-lightning" | "cloud-rain" | "cloud-snow" | "cloud-sun" | "code-01" | "code-02" | "code-03" | "code-04" | "coin-broken" | "coin-hand" | "coin-number" | "coin-unbroken" | "coins" | "coins-rotate" | "color-picker" | "color-swatch-01" | "color-swatch-02" | "colors-01" | "colors-02" | "column-horizontal-01" | "column-horizontal-02" | "column-horizontal-03" | "column-vertical-01" | "column-vertical-02" | "column-vertical-03" | "compare" | "compass" | "component" | "computer" | "contrast" | "copy-left" | "copy-right" | "crop-01" | "crop-02" | "currency-bath" | "currency-bitcoin" | "currency-cent" | "currency-coin-bath" | "currency-coin-bitcoin" | "currency-coin-cent" | "currency-coin-dollar" | "currency-coin-euro" | "currency-coin-pound" | "currency-coin-rubel" | "currency-coin-rupee" | "currency-coin-yen" | "currency-dollar" | "currency-euro" | "currency-pound" | "currency-rubel" | "currency-rupee" | "currency-yen" | "cursor-01" | "cursor-02" | "cursor-03" | "cursor-04" | "cursor-05" | "cursor-06" | "cursor-grab" | "cursor-grabbed" | "cursor-pointer" | "dash" | "data-01" | "data-02" | "data-03" | "data-04" | "delete" | "delivery" | "diamond" | "disc" | "discount-circle" | "discount-square" | "discount-star-01" | "discount-star-02" | "discount-star-03" | "divider" | "dot-horizontal" | "dot-vertical" | "download" | "download-01" | "download-02" | "edit-01" | "edit-02" | "edit-03" | "edit-04" | "edit-contained" | "email" | "equals" | "equals-not" | "eraser-01" | "eraser-02" | "expand" | "expand-02" | "eye-closed" | "eye-open" | "face-id-01" | "face-id-02" | "fast-backward" | "fast-forward" | "favourite" | "feather-01" | "feather-02" | "file" | "file-01" | "file-02" | "file-03" | "file-04" | "file-05" | "file-06" | "file-attach-01" | "file-attach-02" | "file-attach-03" | "file-branch" | "file-check-01" | "file-check-02" | "file-code" | "file-down-01" | "file-down-02" | "file-edit-01" | "file-edit-02" | "file-eye-01" | "file-eye-02" | "file-lock-01" | "file-lock-02" | "file-lock-03" | "file-minus-01" | "file-minus-02" | "file-multiple" | "file-none" | "file-plus-01" | "file-plus-02" | "file-question-01" | "file-question-02" | "file-return-01" | "file-return-02" | "file-search-01" | "file-search-02" | "file-shield-01" | "file-shield-02" | "file-shield-03" | "file-shred" | "file-up-01" | "file-up-02" | "file-x-02" | "fingerpint-01" | "fingerpint-02" | "flame-01" | "flash-off" | "flash-on" | "flex-align-bottom-01" | "flex-align-center-01" | "flex-align-left-01" | "flex-align-right-01" | "flex-align-spaced-01" | "flex-align-top-01" | "flex-columns" | "flip-01" | "flip-02" | "flip-left" | "flip-right" | "folder" | "folder-code" | "folder-down-01" | "folder-down-02" | "folder-minus-01" | "folder-open-01" | "folder-open-02" | "folder-open-03" | "folder-plus-01" | "folder-plus-02" | "folder-search-01" | "folder-search-02" | "folder-shield" | "folder-up-01" | "folder-up-02" | "folder-x-01" | "folder-x-02" | "gear" | "gift-01" | "gift-02" | "git-branch-01" | "git-branch-02" | "git-branch-03" | "git-branch-04" | "git-branch-05" | "glasses-01" | "glasses-02" | "globe" | "globe-01" | "globe-02" | "globe-03" | "globe-04" | "globe-05" | "graduation-cap-01" | "graduation-cap-02" | "grid-01" | "grid-02" | "grid-03" | "grid-04-filled" | "hash-01" | "hash-02" | "header-01" | "header-02" | "headphones" | "heart" | "help" | "help-circle-contained" | "help-square-contained" | "hexagon" | "home-01" | "home-02" | "home-03" | "home-04" | "home-05" | "horizontal-chart-01" | "horizontal-chart-02" | "horizontal-chart-03" | "hourglass-01" | "hourglass-02" | "hourglass-03" | "image-01" | "image-02" | "image-03" | "image-04" | "image-add" | "image-avatar" | "image-check" | "image-down" | "image-focus" | "image-indent-left" | "image-indent-right" | "image-minus" | "image-no-borders" | "image-question" | "image-up" | "image-x" | "inbox-01" | "inbox-02" | "indent-decrease" | "indent-increase" | "indent-left" | "indent-right" | "info-square-01-contained" | "info-square-02-contained-filled" | "information-circle-contained" | "intersect" | "iphone-02" | "italics-01" | "italics-02" | "key-01" | "key-02" | "keyboard" | "laptop-01" | "laptop-02" | "layers-01" | "layers-02" | "layers-03" | "layers-04" | "layers-05" | "layout-01" | "layout-02" | "layout-03" | "layout-04" | "layout-bottom" | "layout-grid-01" | "layout-left" | "layout-right" | "layout-scale" | "layout-top" | "letter-spacing-01" | "letter-spacing-02" | "letter-spacing-03" | "lightbulb-01" | "lightbulb-02" | "lightbulb-03" | "lightning-01" | "lightning-02" | "lightning-circle-contained" | "lightning-filled" | "lightning-square-contained" | "line-chart-down-01" | "line-chart-down-02" | "line-chart-up-01" | "line-chart-up-02" | "line-height" | "link-angled" | "link-broken" | "link-external" | "list" | "list-numbers" | "loader-01" | "loader-02" | "lock-01" | "lock-02" | "lock-03" | "lock-04" | "lock-open-01" | "lock-open-02" | "lock-open-03" | "lock-open-04" | "logout-01" | "logout-02" | "logout-03" | "logout-04" | "luggage-01" | "luggage-02" | "luggage-03" | "luggage-04" | "mail-01" | "mail-02" | "mail-03" | "mail-04" | "mail-05" | "map-01" | "map-02" | "map-03" | "map-04" | "marker-01" | "marker-02" | "marker-03" | "marker-04" | "marker-05" | "marker-06" | "maximise-01" | "maximise-02" | "media-strip-01" | "media-strip-02" | "menu-01" | "menu-02" | "menu-03" | "menu-04" | "menu-05" | "message-alert-circle" | "message-alert-plus" | "message-chat-01" | "message-circle" | "message-notify-circle" | "message-notify-square" | "message-square" | "message-square-information" | "message-square-plus" | "message-square-typing" | "message-square-x" | "message-text-01" | "message-text-02" | "message-typing" | "message-x" | "microphone-01" | "microphone-02" | "microphone-off-01" | "microphone-off-02" | "minimise-01" | "minimise-02" | "minus-circle-contained" | "minus-square-contained" | "moon-01" | "moon-02" | "mouse" | "move" | "note-01" | "note-02" | "notification-box" | "notification-bubble" | "notification-square-01" | "notification-square-02" | "octagon" | "overlap" | "package-01" | "package-02" | "package-check" | "package-minus" | "package-plus" | "package-x" | "paint-bucket-01" | "paint-bucket-02" | "palette" | "paperclip" | "paperclip-01" | "paperclip-02" | "passport" | "password-01" | "password-02" | "pause-01" | "pause-02" | "pause-03" | "pen-tool-01" | "pen-tool-02" | "pen-tool-03" | "pen-tool-04" | "pencil-01" | "pencil-02" | "pencil-03" | "pentagon" | "percent-01" | "percent-02" | "percent-03" | "perspective" | "phone" | "phone-call-01" | "phone-call-02" | "phone-down" | "phone-incoming-01" | "phone-incoming-02" | "phone-off" | "phone-outgoing-01" | "phone-outgoing-02" | "phone-up" | "phone-x" | "pie-chart-01" | "pie-chart-02" | "pie-chart-03" | "plane" | "play-01" | "play-02" | "play-03" | "plug-01" | "plus-01" | "plus-02" | "plus-03" | "pointer-01" | "pointer-02" | "power" | "presentation-01" | "presentation-02" | "presentation-03" | "quote" | "receipt" | "receipt-lines" | "refresh-01" | "rss" | "ruler" | "save-01" | "save-02" | "scale-01" | "scale-02" | "scale-03" | "scan" | "scissors-01" | "scissors-02" | "scissors-03" | "scissors-04" | "search-01" | "search-02" | "send-01" | "send-02" | "send-03" | "server-01" | "server-02" | "server-03" | "server-04" | "server-05" | "server-06" | "server-down" | "server-up" | "settings" | "share" | "shield-01" | "shield-02" | "shield-check" | "shield-plus" | "shuffle" | "signal" | "skew" | "skip-back" | "skip-forward" | "slash-01-backward" | "slash-01-forward" | "slash-02-forward" | "smiley-happy" | "smiley-happy-plus" | "smiley-neutral" | "smiley-sad" | "smiley-wink" | "snowflake" | "sort-horizontal" | "sort-vertical-01" | "sort-vertical-02" | "space-height" | "space-horizontal" | "space-vertical" | "space-width" | "speaker" | "square" | "star-01" | "star-02" | "stars" | "stop-01" | "stop-02" | "stopwatch-01" | "stopwatch-02" | "stopwatch-03" | "stopwatch-04" | "stopwatch-05" | "stopwatch-off" | "stopwatch-snooze" | "sun-01" | "sun-02" | "sun-03" | "sun-down" | "sun-up" | "superscript" | "tag" | "target-01" | "target-02" | "target-03" | "target-04" | "temperature-01" | "temperature-02" | "temperature-03" | "temperature-04" | "terminal" | "text-input-01" | "text-input-02" | "thumb-down" | "thumb-up" | "ticket-01" | "ticket-02" | "toggle-right" | "toogle-left" | "train" | "transform" | "trash-01" | "trash-02" | "trash-03" | "trash-04" | "trend-down-01" | "trend-down-02" | "trend-up-01" | "trend-up-02" | "triangle" | "truck" | "tv" | "type-01" | "type-02" | "type-03" | "type-strike-01" | "type-strike-02" | "umbrella" | "umbrella-01" | "umbrella-02" | "underline-01" | "underline-02" | "union" | "upload-01" | "upload-02" | "upload-03" | "upload-04" | "user-profile-01" | "user-profile-02" | "user-profile-03" | "user-profile-add-01" | "user-profile-add-02" | "user-profile-check" | "user-profile-circle" | "user-profile-down" | "user-profile-group" | "user-profile-left" | "user-profile-minus" | "user-profile-right" | "user-profile-square" | "user-profile-star" | "user-profile-up" | "user-profile-x" | "users-profiles-01" | "users-profiles-02" | "users-profiles-03" | "users-profiles-check" | "users-profiles-down" | "users-profiles-left" | "users-profiles-minus" | "users-profiles-plus" | "users-profiles-right" | "users-profiles-up" | "users-profiles-x" | "variant" | "video-off" | "video-on" | "volume-01" | "volume-02" | "volume-03" | "volume-04" | "volume-05" | "volume-06" | "volume-07" | "wallert-04" | "wallet-01" | "wallet-02" | "wallet-03" | "watch-01" | "watch-02" | "waveform" | "webcam" | "wifi-off" | "wifi-on" | "wind-01" | "wind-02" | "wind-03" | "wrench" | "x-01" | "x-02" | "x-03" | "x-circle-contained" | "x-square-contained" | "youtube" | "zoom-in" | "zoom-out" | "custom-warning-xs-neutral" | "custom-add-2xl-active" | "custom-add-2xl-neutral" | "custom-add-lg-active" | "custom-add-lg-neutral" | "custom-add-md-active" | "custom-add-md-neutral" | "custom-add-sm-active" | "custom-add-sm-neutral" | "custom-add-xl-active" | "custom-add-xl-neutral" | "custom-add-xs-active" | "custom-add-xs-neutral" | "custom-amf-note-md-active" | "custom-amf-note-paid-md-active" | "custom-att-acc-md-active" | "custom-att-evaluate-md-active" | "custom-att-na-md-active" | "custom-cert-apply-md-active" | "custom-cert-refused-md-active" | "custom-cert-treatment-md-active" | "custom-cert-view-md-active" | "custom-certificate-2xl-active" | "custom-certificate-2xl-neutral" | "custom-certificate-lg-active" | "custom-certificate-lg-neutral" | "custom-certificate-md-active" | "custom-certificate-md-neutral" | "custom-certificate-sm-active" | "custom-certificate-sm-neutral" | "custom-certificate-xl-active" | "custom-certificate-xl-neutral" | "custom-certificate-xs-active" | "custom-certificate-xs-neutral" | "custom-check-2xl-active" | "custom-check-2xl-neutral" | "custom-check-lg-active" | "custom-check-lg-neutral" | "custom-check-md-active" | "custom-check-md-neutral" | "custom-check-sm-active" | "custom-check-sm-neutral" | "custom-check-xl-active" | "custom-check-xl-neutral" | "custom-check-xs-active" | "custom-check-xs-neutral" | "custom-content-classroom-md-active" | "custom-content-classroom-md-neutral" | "custom-content-elearning-md-active" | "custom-content-elearning-md-neutral" | "custom-content-liveonline-md-active" | "custom-content-liveonline-md-neutral" | "custom-content-selfstudy-md-active" | "custom-content-selfstudy-md-neutral" | "custom-content-technical-md-active" | "custom-content-technical-md-neutral" | "custom-delete-2xl-active" | "custom-delete-2xl-neutral" | "custom-delete-lg-active" | "custom-delete-lg-neutral" | "custom-delete-md-active" | "custom-delete-md-neutral" | "custom-delete-sm-active" | "custom-delete-sm-neutral" | "custom-delete-xl-active" | "custom-delete-xl-neutral" | "custom-delete-xs-active" | "custom-delete-xs-neutral" | "custom-doc-2xl-active" | "custom-doc-2xl-neutral" | "custom-doc-lg-active" | "custom-doc-lg-neutral" | "custom-doc-md-active" | "custom-doc-md-neutral" | "custom-doc-sm-active" | "custom-doc-sm-neutral" | "custom-doc-xl-active" | "custom-doc-xl-neutral" | "custom-doc-xs-active" | "custom-doc-xs-neutral" | "custom-download-2xl-active" | "custom-download-2xl-neutral" | "custom-download-lg-active" | "custom-download-lg-neutral" | "custom-download-md-active" | "custom-download-md-neutral" | "custom-download-sm-active" | "custom-download-sm-neutral" | "custom-download-xl-active" | "custom-download-xl-neutral" | "custom-download-xs-active" | "custom-download-xs-neutral" | "custom-exam-failed-md-active" | "custom-exam-missed-md-active" | "custom-exam-passed-md-active" | "custom-exam-schedule-md-active" | "custom-exam-scheduled-md-active" | "custom-exam-waiting-md-active" | "custom-info-2xl-active" | "custom-info-2xl-neutral" | "custom-info-lg-active" | "custom-info-lg-neutral" | "custom-info-md-active" | "custom-info-md-neutral" | "custom-info-sm-active" | "custom-info-sm-neutral" | "custom-info-xl-active" | "custom-info-xl-neutral" | "custom-info-xs-active" | "custom-info-xs-neutral" | "custom-not-applicable-2xl-active" | "custom-not-applicable-2xl-neutral" | "custom-not-applicable-lg-active" | "custom-not-applicable-lg-neutral" | "custom-not-applicable-md-active" | "custom-not-applicable-md-neutral" | "custom-not-applicable-sm-active" | "custom-not-applicable-sm-neutral" | "custom-not-applicable-xl-active" | "custom-not-applicable-xl-neutral" | "custom-not-applicable-xs-active" | "custom-not-applicable-xs-neutral" | "custom-slide-2xl-active" | "custom-slide-2xl-neutral" | "custom-slide-lg-active" | "custom-slide-lg-neutral" | "custom-slide-md-active" | "custom-slide-md-neutral" | "custom-slide-sm-active" | "custom-slide-sm-neutral" | "custom-slide-xl-active" | "custom-slide-xl-neutral" | "custom-slide-xs-active" | "custom-slide-xs-neutral" | "custom-time-2xl-active" | "custom-time-2xl-neutral" | "custom-time-lg-active" | "custom-time-lg-neutral" | "custom-time-md-active" | "custom-time-md-neutral" | "custom-time-sm-active" | "custom-time-sm-neutral" | "custom-time-xl-active" | "custom-time-xl-neutral" | "custom-time-xs-active" | "custom-time-xs-neutral" | "custom-tools-2xl-active" | "custom-tools-2xl-neutral" | "custom-tools-lg-active" | "custom-tools-lg-neutral" | "custom-tools-md-active" | "custom-tools-md-neutral" | "custom-tools-sm-active" | "custom-tools-sm-neutral" | "custom-tools-xl-active" | "custom-tools-xl-neutral" | "custom-tools-xs-active" | "custom-tools-xs-neutral" | "custom-upload-2xl-active" | "custom-upload-2xl-neutral" | "custom-upload-lg-active" | "custom-upload-lg-neutral" | "custom-upload-md-active" | "custom-upload-md-neutral" | "custom-upload-sm-active" | "custom-upload-sm-neutral" | "custom-upload-xl-active" | "custom-upload-xl-neutral" | "custom-upload-xs-active" | "custom-upload-xs-neutral" | "custom-view-2xl-active" | "custom-view-2xl-neutral" | "custom-view-lg-active" | "custom-view-lg-neutral" | "custom-view-md-active" | "custom-view-md-neutral" | "custom-view-sm-active" | "custom-view-sm-neutral" | "custom-view-xl-active" | "custom-view-xl-neutral" | "custom-view-xs-active" | "custom-view-xs-neutral" | "custom-warning-2xl-active" | "custom-warning-2xl-neutral" | "custom-warning-lg-active" | "custom-warning-lg-neutral" | "custom-warning-md-active" | "custom-warning-md-neutral" | "custom-warning-sm-active" | "custom-warning-sm-neutral" | "custom-warning-xl-active" | "custom-warning-xl-neutral" | "custom-warning-xs-active">;
+    /** Icon image URL — used when [icon] is empty */
+    iconSrc: _angular_core.InputSignal<string>;
+    /** Raw SVG string for the icon — used when [icon] and [iconSrc] are empty */
+    iconSvg: _angular_core.InputSignal<string>;
+    /** Uppercase category tag above the title (e.g. "AI Management"); hidden when empty */
+    category: _angular_core.InputSignal<string>;
+    /** Course title (required) */
+    title: _angular_core.InputSignal<string>;
+    /** Muted meta line (e.g. "5 days · Advanced"); hidden when empty */
+    meta: _angular_core.InputSignal<string>;
+    /** CTA link text at the bottom of the tile */
+    ctaLabel: _angular_core.InputSignal<string>;
+    /** When set, the tile renders as a link */
+    href: _angular_core.InputSignal<string>;
+    /** Link target, e.g. "_blank" — only used together with [href] */
+    target: _angular_core.InputSignal<string>;
+    /** Emitted on click / Enter / Space when the tile has no [href] */
+    cardClick: _angular_core.OutputEmitterRef<void>;
+    isLink: _angular_core.Signal<boolean>;
+    /** rel="noopener noreferrer" is applied automatically for target="_blank" */
+    rel: _angular_core.Signal<"noopener noreferrer" | null>;
+    /** The icon tile renders only when an icon source is provided */
+    hasThumb: _angular_core.Signal<boolean>;
+    safeThumbSvg: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    onActivate(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CourseTileComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CourseTileComponent, "pecb-course-tile", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "iconSvg": { "alias": "iconSvg"; "required": false; "isSignal": true; }; "category": { "alias": "category"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
+}
+
+export { APP_HEADER_TRANSLATIONS, APP_SHELL_LOCALES, APP_SIDEBAR_MENU_ICONS, APP_SIDEBAR_MENU_TRANSLATIONS, APP_SIDEBAR_TRANSLATIONS, AccordionItemComponent, AccordionSmallComponent, ActionItemComponent, AddButtonComponent, AdminHeaderComponent, AdminHeaderFieldTemplateDirective, AffixComponent, AlertComponent, AnchorComponent, AppHeaderComponent, AppSidebarComponent, ApplicationStatusBarComponent, AuditorStatusComponent, AuthorDateTimeComponent, BackToTopComponent, BadgeComponent, BlurDirective, BottomSheetComponent, BreadcrumbsComponent, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CancelUpdateButtonsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CertificateUploadBarComponent, CheckDeleteIconComponent, CheckboxComponent, CheckboxDisplayComponent, CodeInputComponent, CodeSnippetComponent, ColorPaletteComponent, ConfirmationComponent, ContentTypeTagComponent, CourseContentPanelComponent, CoursePlayerComponent, CourseTileComponent, CredentialCardComponent, DEFAULT_APP_HEADER_LABELS, DEFAULT_APP_SIDEBAR_LABELS, DEFAULT_APP_SIDEBAR_LANGUAGES, DEFAULT_APP_SIDEBAR_MENU, DEFAULT_APP_SIDEBAR_ROLES, DEFAULT_COURSE_CONTENT_PANEL_LABELS, DEFAULT_LANGUAGES, DEFAULT_SLIDE_VIEWER_KEY_MAP, DEFAULT_SLIDE_VIEWER_LABELS, DEFAULT_SLIDE_VIEWER_TOOLS, DEFAULT_SLIDE_VIEWER_ZOOM_STEPS, DEFAULT_VIDEO_PLAYER_LABELS, DEFAULT_VIDEO_PLAYER_RATES, DashboardGridComponent, DatepickerComponent, DividerComponent, DropdownComponent, EMPTY_STATE_MAX_BUTTONS, EditButtonComponent, EditCoverPhotoComponent, EmptyStateComponent, ExpandableRowTableComponent, FileUploadComponent, FilterColumnsComponent, FloatButtonComponent, FloatButtonItemComponent, FormSectionCardComponent, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, GeneralComponent, GridComponent, GridItemComponent, HeaderActionsComponent, HeaderComponent, HeaderDividerComponent, HeaderLanguageComponent, HeaderSearchComponent, HeaderUserComponent, HierarchicalTableComponent, HorizontalStepsComponent, HubCardComponent, HubCardGridComponent, IconComponent, IconRegistry, IconTagComponent, InformationBoxComponent, InputComponent, LanguageDropdownComponent, LinkButtonComponent, ListItemComponent, LoadingService, MediaComponent, MessageBubbleComponent, MessageItemComponent, MetricsCardComponent, MiniIconButtonComponent, NoResultsComponent, NoteSidebarItemComponent, NotesPanelComponent, NotificationService, NotificationStatusLinkComponent, OutlinedFieldComponent, PECB_COLOR_PALETTE, PECB_CUSTOM_ICONS, PECB_FONT_STYLES, PECB_ICONS, PECB_TYPE_SCALE, PaginationComponent, PaymentPlanCardComponent, PaymentScheduleCardComponent, PaymentSummaryComponent, PeriodPaymentModalComponent, PriceMethodComponent, ProfileComponent, ProfileElementsCardComponent, ProfileGroupComponent, ProgressArcComponent, ProgressBarComponent, ProgressCircleComponent, ProjectLayoutComponent, QuantitySelectorComponent, QuestionTypeTagComponent, RadioComponent, RadioDisplayComponent, RatingNumberComponent, ReasonForReturnComponent, RequestSentByComponent, RequestStatusBarComponent, ResultPageComponent, RightModalComponent, RightModalContentDirective, RightModalFooterDirective, RightModalHeaderDirective, ShadowDirective, SidebarComponent, SkeletonComponent, SlidePointsComponent, SlideViewerComponent, SlideViewerDayDirective, SlideViewerThumbnailDirective, SpacerComponent, SpinnerComponent, StandardsPdfCardComponent, StatisticsCardComponent, StatusComponent, StepperComponent, TabComponent, TableComponent, TagComponent, TagSelectComponent, TestimonialComponent, TextFormFieldComponent, ThemeService, ToggleComponent, ToolbarBarComponent, TooltipComponent, TooltipDirective, TourComponent, TranscriptLineComponent, TypographyComponent, UserWithEmailComponent, VerifyChecklistComponent, VideoPlayerComponent, VideoUploadBarComponent, VirtualTableComponent, addClass, announceToScreenReader, appHeaderLabels, appSidebarLabels, appSidebarMenu, appSidebarRoles, capitalize, clampSlidePage, closestElement, copyToClipboard, courseModuleStats, courseProgress, createAuthError, createAuthorizationError, createConfigError, createError, createNetworkError, createValidationError, disableBodyScroll, escapeHtml, findCourseLesson, findCourseModule, formatCount, formatCourseDuration, formatCourseTime, formatErrorForLog, formatErrorMessage, formatVideoTime, generateLinkedIds, generateUniqueId, getAriaCurrent, getButtonAriaAttributes, getComputedStyleValue, getDialogAriaAttributes, getFocusableElements, getInitials, getInputAriaAttributes, getOptionAriaAttributes, getProgressAriaAttributes, getScrollParent, getTabAriaAttributes, getVisuallyHiddenStyles, handleError, hasClass, isBlank, isBrowser, isElementVisible, isNotBlank, isPecbError, isRecoverableError, matchesSelector, parseLessonPartTitle, pluralize, prefersHighContrast, prefersReducedMotion, registerErrorHandler, removeClass, resolveAppShellLocale, resolveLessonStatus, scrollIntoView, slugify, stripHtml, toCamelCase, toKebabCase, toPascalCase, toSnakeCase, toggleClass, trapFocus, truncate, tryAsync, trySync, wrapError };
+export type { AccordionVariant, ActionItemPriority, AddButtonVariant, AdminHeaderAction, AdminHeaderActionType, AdminHeaderBadgeVariant, AdminHeaderField, AdminHeaderFieldType, AdminHeaderMetadata, AdminHeaderMetadataType, AdminHeaderProfile, AffixPosition, AlertType, AlertVariant, Alignment, AnchorDirection, AnchorItem, AnchorLevel, AnimationTiming, AppHeaderAction, AppHeaderChip, AppHeaderChipTone, AppHeaderLabels, AppHeaderNotification, AppShellLocale, AppShellTranslations, AppSidebarLabels, AppSidebarMenuItem, AppSidebarMenuOption, AppSidebarMenuOptionChange, AppSidebarMenuStrings, AppSidebarNavGroup, AppSidebarNavItem, AppSidebarProduct, AppSidebarRouterLink, AppSidebarUser, AppStatusColor, AriaAttributes, AriaLive, AriaRole, AuditorStatusType, BadgeSize, BadgeStatus, BadgeVariant, BlurSize, BreadcrumbItem, BreadcrumbSeparator, Breakpoint, ButtonGroupIconMode, ButtonGroupItemPosition, ButtonIconStyle, ButtonSize, ButtonVariant, CalendarDay, Callback, CardElevation, CardRadius, CardRole, CheckDeleteType, CheckboxDisplayState, CheckboxLabelPosition, ClosableWithHooks, CodeInputDirection, CodeInputState, CodeSnippetTheme, CodeSnippetVariant, ColorPaletteGroup, ColorPaletteItem, ColorVariant, Colorable, ColumnOption, ComponentSize, ConfirmationIconType, ContentStyle, ContentTagDisplay, ContentTagType, CourseContentPanelAccent, CourseContentPanelDensity, CourseContentPanelLabels, CourseContentPanelLayout, CourseContentPanelTab, CourseLesson, CourseLessonRunView, CourseLessonStatus, CourseLessonType, CourseLessonView, CourseModule, CourseModuleStats, CourseModuleView, CoursePlayerPanelPosition, CourseProgressStats, CourseTimelineRow, CourseTranscriptCue, CourseTranscriptRow, CredentialCardAction, CredentialCardMetaRow, CredentialCardProgress, CredentialCardTone, CustomIconName, DashboardGridGap, DashboardGridLayout, DatepickerSize, Direction, Disableable, DividerType, DropdownOption, DropdownSize, EditButtonVariant, ElevationLevel, EmptyStateButton, EmptyStateIconTheme, ErrorCategory, ErrorHandler, ErrorOptions, ErrorSeverity, EventHandler, ExpandableRowColumn, ExpandableRowPageEvent, ExpandableRowProgressConfig, ExtendedColorVariant, FieldItem, FieldStyle, FileUploadEvent, FileUploadState, FileUploadVariant, FilterColumnsActiveTab, FilterColumnsApplyEvent, FilterField, FilterFieldType, FilterState, FloatButtonAction, FloatButtonPosition, Focusable, FormControlBase, GridAlign, GridColumns, GridGap, GridItemSpan, GridPadding, GridVerticalAlign, HeaderActionButton, HeaderLanguageOption, HeaderSearchCategory, HeaderSearchType, HierarchicalTableAction, HierarchicalTableColumn, HierarchicalTablePageEvent, HubCardSize, IconColor, IconName, IconShape, IconSize, IconTagType, InformationBoxVariant, InputSize, InputType, LanguageDisplayMode, LanguageOption, LinkButtonType, Loadable, LoadingState, MarkedDate, MediaGroup, MediaItem, MediaSize, MediaType, MenuItem, MessageBubbleType, MessageDirection, MessageItemStatus, MetricsCardBadgeStatus, MetricsCardIconBg, MetricsCardOrientation, MetricsCardType, MetricsCardVariation, MiniIconAction, NonNullableProps, NoteGroup, NoteItem, NoteSidebarPosition, NoteSidebarState, Notification, NotificationConfig, NotificationPosition, NotificationStatusType, NotificationType, OptionalProps, Orientation, OverlayComponent, PageChangeEvent, PaginationSize, PaginationState, PaginationVariant, PaymentScheduleCardAction, PaymentScheduleCardMeta, PaymentScheduleCardPeriod, PaymentScheduleCardTone, PaymentSummaryRow, PdfCardVariant, PecbError, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, PeriodPaymentModalPeriod, Position, ProfileBadge, ProfileGroupItem, ProfileGroupSize, ProfileIndicator, ProfileSize, ProfileType, ProgressArcSize, ProgressBarSize, ProgressCircleSize, ProgressType, QuestionTagDisplay, QuestionTagType, QuizType, RadioDisplayState, RadioLabelPosition, RadioVariant, RadiusScale, RatingStyle, RequestStatusIconType, RequireProps, ResultPageAction, ResultPageIcon, RibbonColor, RightModalSize, SearchMode, SelectableItem, ShadowHardSize, ShadowSize, ShadowSoftSize, ShadowType, SidebarMenuItem, SidebarSection, Size, Sizeable, SkeletonShape, SkeletonSize, SkeletonType, SlideViewerDay, SlideViewerDayContext, SlideViewerKeyAction, SlideViewerKeyMap, SlideViewerLabels, SlideViewerMoveEvent, SlideViewerPageEvent, SlideViewerSearchEvent, SlideViewerSidebarPosition, SlideViewerSlide, SlideViewerThumbnailContext, SlideViewerTool, SlideViewerToolEvent, SortState, SpacerSize, SpacingScale, StateVariant, StatisticsIconColor, StatusColor, StatusSize, StatusType, StatusVariant, StepItem, StepOrder, StepState, StepperDirection, StepperSize, StepperTailStyle, StepperType, TabItem, TabSize, TabStyle, TableAction, TableColumn, TableRowActionEvent, TableSelectionEvent, TableSize, TableSortEvent, TableStatusConfig, TableUserConfig, TableVariant, TagAction, TagSelectOption, TagStyle, Templatable, TestimonialData, TestimonialVariant, TextFormFieldType, ThemeConfig, ThemeMode, ThemeVariables, ToggleLabelPosition, ToggleSize, ToolbarButton, ToolbarTab, ToolbarVariant, TooltipPointerPosition, TooltipTheme, TourIndicatorType, TourPlacement, TourStep, TourType, TranscriptLineState, TreeNode, TypographyScaleEntry, TypographyStyleEntry, UploadedFile, Validatable, ValidationError, ValidationState, VerifyChecklistItem, VerifyItemStatus, VideoPlayerError, VideoPlayerLabels, VideoPlayerPreload, VideoPlayerSource, VideoPlayerTimeEvent, VideoPlayerTrack, VirtualTableColumn, VirtualTablePageEvent, VirtualTableProgressConfig };