@pecb-ui/components 1.1.18 → 1.1.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.d.ts CHANGED
@@ -2441,6 +2441,7 @@ type MetricsCardVariation = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
2441
2441
  type MetricsCardType = 'data+cta' | 'data-only';
2442
2442
  type MetricsCardOrientation = 'left-aligned' | 'center';
2443
2443
  type MetricsCardBadgeStatus = 'success' | 'warning' | 'error' | 'info';
2444
+ type MetricsCardSize = 'md' | 'lg';
2444
2445
  type MetricsCardIconBg = 'white' | 'gray' | 'pending' | 'success' | 'error' | 'info' | 'purple';
2445
2446
  declare class MetricsCardComponent {
2446
2447
  private sanitizer;
@@ -2475,6 +2476,11 @@ declare class MetricsCardComponent {
2475
2476
  iconSvg: _angular_core.InputSignal<string>;
2476
2477
  /** Icon container background color (mainly variation 4) */
2477
2478
  iconBg: _angular_core.InputSignal<MetricsCardIconBg>;
2479
+ /**
2480
+ * Stat-tile density (variation 8 only): 'md' = 24px value / 16px padding,
2481
+ * 'lg' = 34px value, 20px padding, 34px icon tile.
2482
+ */
2483
+ size: _angular_core.InputSignal<MetricsCardSize>;
2478
2484
  /** Date string shown on the right side of variation 1 */
2479
2485
  date: _angular_core.InputSignal<string>;
2480
2486
  /** Secondary metric text shown below the value in variation 5 */
@@ -2495,7 +2501,7 @@ declare class MetricsCardComponent {
2495
2501
  get iconBgClass(): string;
2496
2502
  onCtaClick(): void;
2497
2503
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricsCardComponent, never>;
2498
- 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>;
2504
+ 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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "subtext": { "alias": "subtext"; "required": false; "isSignal": true; }; }, { "ctaClicked": "ctaClicked"; }, never, never, true, never>;
2499
2505
  }
2500
2506
 
2501
2507
  /**
@@ -2576,19 +2582,19 @@ declare class BadgeComponent {
2576
2582
  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>;
2577
2583
  }
2578
2584
 
2579
- /** Tint applied to the head icon (and mapped to the status pill colour). */
2585
+ /** Status pill colour. */
2580
2586
  type CredentialCardTone = 'success' | 'warning' | 'error' | 'neutral';
2581
- /** Plain label/value line in the card body (e.g. Issued / Expires). */
2587
+ /** Label-over-value column in the meta strip (e.g. Issued / Expires). */
2582
2588
  interface CredentialCardMetaRow {
2583
2589
  label: string;
2584
2590
  value: string;
2585
2591
  }
2586
- /** Progress line with a bar and an inline "+" action (e.g. earned credits, paid fees). */
2592
+ /** Inline progress line: label · bar · counter · "+" action (e.g. earned credits, paid fees). */
2587
2593
  interface CredentialCardProgress {
2588
2594
  /** Echoed back on (progressAction) */
2589
2595
  id: string;
2590
2596
  label: string;
2591
- /** Right-aligned counter text, e.g. "30/90" */
2597
+ /** Counter text after the bar, e.g. "30/90" */
2592
2598
  valueText: string;
2593
2599
  /** 0-100; colours the bar: 100 green, >=50 orange, below red */
2594
2600
  percent: number;
@@ -2601,8 +2607,11 @@ interface CredentialCardAction {
2601
2607
  /** Echoed back on (actionClick) */
2602
2608
  id: string;
2603
2609
  label: string;
2604
- /** 'primary' = solid dark, 'ghost' = outline; defaults to 'ghost' */
2605
- variant?: 'primary' | 'ghost';
2610
+ /**
2611
+ * 'primary' = solid dark, 'ghost' = outline, 'accent' = solid brand red,
2612
+ * 'success' = solid green; defaults to 'ghost'
2613
+ */
2614
+ variant?: 'primary' | 'ghost' | 'accent' | 'success';
2606
2615
  /** Raw SVG string rendered before the label */
2607
2616
  icon?: string;
2608
2617
  disabled?: boolean;
@@ -2610,30 +2619,22 @@ interface CredentialCardAction {
2610
2619
  /**
2611
2620
  * Credential card — a summary tile for a credential/qualification.
2612
2621
  *
2613
- * 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
2614
- * tinted notice (expired/suspended/revoked/pending reasons supports <b> markup),
2615
- * footer action buttons, an optional centered link and an optional muted footnote.
2616
- * Purely presentational: every interaction surfaces through outputs.
2622
+ * Composes the head (title + status pill), a two-column meta strip (label over value),
2623
+ * inline progress lines (label · bar · counter · "+" action) aligned on a shared grid,
2624
+ * a tinted notice (expired/suspended/revoked/pending reasons supports <b> markup),
2625
+ * a divided footer of action buttons (row or stacked), an optional centered link and
2626
+ * an optional muted footnote. Purely presentational: every interaction surfaces
2627
+ * through outputs.
2617
2628
  */
2618
2629
  declare class CredentialCardComponent {
2619
2630
  private sanitizer;
2620
2631
  /** Credential title */
2621
2632
  title: _angular_core.InputSignal<string>;
2622
- /** Head icon tint + status pill colour */
2633
+ /** Status pill colour */
2623
2634
  tone: _angular_core.InputSignal<CredentialCardTone>;
2624
2635
  /** Status pill text; pill hidden when empty */
2625
2636
  statusLabel: _angular_core.InputSignal<string>;
2626
- /** Show the badge (digital badge) row */
2627
- showBadge: _angular_core.InputSignal<boolean>;
2628
- /** Badge row label */
2629
- badgeLabel: _angular_core.InputSignal<string>;
2630
- /** Whether the digital badge has been claimed */
2631
- badgeClaimed: _angular_core.InputSignal<boolean>;
2632
- claimedLabel: _angular_core.InputSignal<string>;
2633
- notClaimedLabel: _angular_core.InputSignal<string>;
2634
- /** Claim/View button text; button hidden when empty */
2635
- badgeButtonLabel: _angular_core.InputSignal<string>;
2636
- /** Label/value lines (Issued, Expires, ...) */
2637
+ /** Meta columns (Issued, Expires, ...) first column left-aligned, last one right-aligned */
2637
2638
  metaRows: _angular_core.InputSignal<CredentialCardMetaRow[]>;
2638
2639
  /** Progress lines (credits, fees, ...) */
2639
2640
  progressRows: _angular_core.InputSignal<CredentialCardProgress[]>;
@@ -2643,21 +2644,18 @@ declare class CredentialCardComponent {
2643
2644
  noticeTone: _angular_core.InputSignal<"error" | "warning">;
2644
2645
  /** Footer buttons */
2645
2646
  actions: _angular_core.InputSignal<CredentialCardAction[]>;
2646
- /** 'row' = side by side, 'stack' = full-width column */
2647
+ /** 'row' = side by side (wraps when tight), 'stack' = full-width column */
2647
2648
  actionsLayout: _angular_core.InputSignal<"row" | "stack">;
2648
2649
  /** Centered text link under the actions (e.g. a policy link); hidden when empty */
2649
2650
  linkLabel: _angular_core.InputSignal<string>;
2650
2651
  /** Muted centered footnote (e.g. an in-progress note); hidden when empty */
2651
2652
  footnote: _angular_core.InputSignal<string>;
2652
- /** Claim/View button clicked */
2653
- badgeAction: _angular_core.OutputEmitterRef<void>;
2654
2653
  /** A progress row's "+" clicked — emits the row id */
2655
2654
  progressAction: _angular_core.OutputEmitterRef<string>;
2656
2655
  /** A footer action clicked — emits the action id */
2657
2656
  actionClick: _angular_core.OutputEmitterRef<string>;
2658
2657
  /** The centered link clicked */
2659
2658
  linkClick: _angular_core.OutputEmitterRef<void>;
2660
- readonly awardIcon: _angular_platform_browser.SafeHtml;
2661
2659
  readonly plusIcon: _angular_platform_browser.SafeHtml;
2662
2660
  readonly safeNotice: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
2663
2661
  readonly pillStatus: _angular_core.Signal<BadgeStatus>;
@@ -2666,7 +2664,212 @@ declare class CredentialCardComponent {
2666
2664
  actionClass(action: CredentialCardAction): string;
2667
2665
  safeSvg(svg: string | undefined): _angular_platform_browser.SafeHtml | null;
2668
2666
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CredentialCardComponent, never>;
2669
- 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>;
2667
+ 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; }; "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; }; }, { "progressAction": "progressAction"; "actionClick": "actionClick"; "linkClick": "linkClick"; }, never, never, true, never>;
2668
+ }
2669
+
2670
+ /** Action button rendered under the preview-card description. */
2671
+ interface PreviewCardAction {
2672
+ /** Echoed back on (actionClick) */
2673
+ id: string;
2674
+ label: string;
2675
+ /** 'primary' = solid dark, 'ghost' = outline, 'accent' = brand red; defaults to 'ghost' */
2676
+ variant?: 'primary' | 'ghost' | 'accent';
2677
+ /** Raw SVG string rendered before the label */
2678
+ icon?: string;
2679
+ disabled?: boolean;
2680
+ /** Shows a small spinner and disables the button */
2681
+ loading?: boolean;
2682
+ }
2683
+ /**
2684
+ * Preview card — an image/media panel beside a titled summary with actions.
2685
+ *
2686
+ * Used for showcasing a document, credential artwork or any asset preview:
2687
+ * fixed media panel on the left (image contained, optionally dimmed to
2688
+ * grayscale for "not yet available" states), title with an optional soft
2689
+ * status chip, a short description and a row of action buttons.
2690
+ * Purely presentational: every interaction surfaces through outputs.
2691
+ */
2692
+ declare class PreviewCardComponent {
2693
+ private sanitizer;
2694
+ /** Media panel image */
2695
+ imageSrc: _angular_core.InputSignal<string>;
2696
+ imageAlt: _angular_core.InputSignal<string>;
2697
+ /**
2698
+ * Live document preview: renders this URL in a non-interactive embedded
2699
+ * frame instead of the image (e.g. a PDF's first page). Takes precedence
2700
+ * over imageSrc when set.
2701
+ */
2702
+ embedSrc: _angular_core.InputSignal<string>;
2703
+ /** Grayscale + fade the image (e.g. asset not yet available/claimed) */
2704
+ imageDimmed: _angular_core.InputSignal<boolean>;
2705
+ /** Card heading */
2706
+ title: _angular_core.InputSignal<string>;
2707
+ /** Soft status chip next to the title; hidden when empty */
2708
+ chipLabel: _angular_core.InputSignal<string>;
2709
+ chipStatus: _angular_core.InputSignal<BadgeStatus>;
2710
+ /** Short copy under the title */
2711
+ description: _angular_core.InputSignal<string>;
2712
+ /** Action buttons */
2713
+ actions: _angular_core.InputSignal<PreviewCardAction[]>;
2714
+ /** Emits the clicked action's id */
2715
+ actionClick: _angular_core.OutputEmitterRef<string>;
2716
+ actionClass(action: PreviewCardAction): string;
2717
+ safeSvg(svg: string): SafeHtml;
2718
+ safeEmbedUrl(): SafeResourceUrl;
2719
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<PreviewCardComponent, never>;
2720
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PreviewCardComponent, "pecb-preview-card", never, { "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; "embedSrc": { "alias": "embedSrc"; "required": false; "isSignal": true; }; "imageDimmed": { "alias": "imageDimmed"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "chipLabel": { "alias": "chipLabel"; "required": false; "isSignal": true; }; "chipStatus": { "alias": "chipStatus"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
2721
+ }
2722
+
2723
+ /** Colour of the item's marker dot (and its default chip colour). */
2724
+ type TimelineTone = 'success' | 'warning' | 'info' | 'error' | 'neutral';
2725
+ /** One event on the timeline. */
2726
+ interface TimelineItem {
2727
+ /** Echoed back on (actionClick) */
2728
+ id: string | number;
2729
+ title: string;
2730
+ /** Marker dot colour; defaults to 'neutral' */
2731
+ tone?: TimelineTone;
2732
+ /** Soft chip next to the title; hidden when empty */
2733
+ chipLabel?: string;
2734
+ /** Chip colour; defaults to the item tone */
2735
+ chipStatus?: BadgeStatus;
2736
+ /** Pre-formatted date/time text */
2737
+ date?: string;
2738
+ description?: string;
2739
+ /** Optional small outline button under the description */
2740
+ actionLabel?: string;
2741
+ }
2742
+ /**
2743
+ * Timeline — a vertical list of dated events joined by a connector line.
2744
+ *
2745
+ * Each item shows a coloured marker dot, a title with an optional soft
2746
+ * status chip, a muted date line, a description and an optional action
2747
+ * button. Purely presentational; ordering is the consumer's concern.
2748
+ */
2749
+ declare class TimelineComponent {
2750
+ /** Events, rendered in the given order (top to bottom) */
2751
+ items: _angular_core.InputSignal<TimelineItem[]>;
2752
+ /** Emits the item's id when its action button is clicked */
2753
+ actionClick: _angular_core.OutputEmitterRef<string | number>;
2754
+ chipStatus(item: TimelineItem): BadgeStatus;
2755
+ dotClass(item: TimelineItem): string;
2756
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineComponent, never>;
2757
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent, "pecb-timeline", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
2758
+ }
2759
+
2760
+ /** How a column renders its cell value. */
2761
+ type NestedTableCellType = 'text' | 'progress' | 'chip';
2762
+ /** Column definition (used for the top-level rows and, separately, for child rows). */
2763
+ interface NestedTableColumn {
2764
+ /** Key into the row's `cells` map */
2765
+ key: string;
2766
+ label: string;
2767
+ /** Defaults to 'text' */
2768
+ type?: NestedTableCellType;
2769
+ /** CSS grid track, e.g. '2fr' | '160px'; defaults to '1fr' */
2770
+ width?: string;
2771
+ }
2772
+ /** Cell value for a `progress` column. */
2773
+ interface NestedTableProgress {
2774
+ value: number;
2775
+ max: number;
2776
+ /** Text shown after the bar; defaults to `${value}/${max}` */
2777
+ text?: string;
2778
+ /** Bar colour override (any CSS colour); defaults to the progress bar's own scale */
2779
+ color?: string;
2780
+ }
2781
+ /** Cell value for a `chip` column. */
2782
+ interface NestedTableChip {
2783
+ label: string;
2784
+ status?: BadgeStatus;
2785
+ }
2786
+ /** Second-level row (inside a group); its expanded body is the projected template. */
2787
+ interface NestedTableChildRow {
2788
+ id: string | number;
2789
+ cells: Record<string, unknown>;
2790
+ /** Anything the consumer wants back in the projected template's context */
2791
+ data?: unknown;
2792
+ /** Hide the chevron (nothing to expand) */
2793
+ expandable?: boolean;
2794
+ }
2795
+ /** Named group of child rows shown when a top-level row is expanded. */
2796
+ interface NestedTableGroup {
2797
+ id: string | number;
2798
+ /** Heading text, e.g. "Current period" — the count is appended automatically */
2799
+ title: string;
2800
+ rows: NestedTableChildRow[];
2801
+ /** 'emphasis' tints the group's rows (e.g. the active group); defaults to 'default' */
2802
+ tone?: 'emphasis' | 'default';
2803
+ /** Anything the consumer wants back in the projected template's context */
2804
+ data?: unknown;
2805
+ }
2806
+ /** Top-level row. */
2807
+ interface NestedTableRow {
2808
+ id: string | number;
2809
+ cells: Record<string, unknown>;
2810
+ groups: NestedTableGroup[];
2811
+ data?: unknown;
2812
+ }
2813
+ /** Context handed to the projected child-content template. */
2814
+ interface NestedTableChildContext {
2815
+ $implicit: NestedTableChildRow;
2816
+ group: NestedTableGroup;
2817
+ row: NestedTableRow;
2818
+ }
2819
+ /**
2820
+ * Nested table — three levels of drill-down in one table.
2821
+ *
2822
+ * Level 1 is a dark-header grid of rows with a trailing chevron. Expanding a
2823
+ * row reveals its groups: each group has a heading (with count) and card-style
2824
+ * child rows rendered with `childColumns`. Expanding a child row renders the
2825
+ * consumer's projected `<ng-template>` (e.g. a `pecb-table`) inside the card,
2826
+ * so the innermost data shape stays entirely with the consumer.
2827
+ *
2828
+ * Cell types: text, progress (bar + value text) and chip (soft badge).
2829
+ * Expansion state is keyed by row/child ids and owned by the component.
2830
+ */
2831
+ declare class NestedTableComponent {
2832
+ id: _angular_core.InputSignal<string>;
2833
+ /** Top-level columns (a chevron column is appended automatically) */
2834
+ columns: _angular_core.InputSignal<NestedTableColumn[]>;
2835
+ /** Columns for the child rows inside groups (chevron appended automatically) */
2836
+ childColumns: _angular_core.InputSignal<NestedTableColumn[]>;
2837
+ rows: _angular_core.InputSignal<NestedTableRow[]>;
2838
+ /** Shown when `rows` is empty */
2839
+ emptyMessage: _angular_core.InputSignal<string>;
2840
+ ariaLabel: _angular_core.InputSignal<string>;
2841
+ expandAriaLabel: _angular_core.InputSignal<string>;
2842
+ /** Emits the toggled top-level row id and its new state */
2843
+ rowToggle: _angular_core.OutputEmitterRef<{
2844
+ id: string | number;
2845
+ expanded: boolean;
2846
+ }>;
2847
+ /** Emits the toggled child row id and its new state */
2848
+ childToggle: _angular_core.OutputEmitterRef<{
2849
+ id: string | number;
2850
+ expanded: boolean;
2851
+ }>;
2852
+ /** Consumer's template for an expanded child row */
2853
+ childContent?: TemplateRef<NestedTableChildContext>;
2854
+ private expandedRows;
2855
+ private expandedChildren;
2856
+ gridTemplate: _angular_core.Signal<string>;
2857
+ childGridTemplate: _angular_core.Signal<string>;
2858
+ isRowExpanded(id: string | number): boolean;
2859
+ isChildExpanded(id: string | number): boolean;
2860
+ toggleRow(row: NestedTableRow): void;
2861
+ toggleChild(child: NestedTableChildRow): void;
2862
+ /** Collapse everything (e.g. after the consumer reloads its data). */
2863
+ collapseAll(): void;
2864
+ progressOf(value: unknown): NestedTableProgress;
2865
+ progressPercent(p: NestedTableProgress): number;
2866
+ progressText(p: NestedTableProgress): string;
2867
+ chipOf(value: unknown): NestedTableChip;
2868
+ text(value: unknown): string;
2869
+ childContext(child: NestedTableChildRow, group: NestedTableGroup, row: NestedTableRow): NestedTableChildContext;
2870
+ private trackList;
2871
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<NestedTableComponent, never>;
2872
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<NestedTableComponent, "pecb-nested-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "childColumns": { "alias": "childColumns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; "isSignal": true; }; }, { "rowToggle": "rowToggle"; "childToggle": "childToggle"; }, ["childContent"], never, true, never>;
2670
2873
  }
2671
2874
 
2672
2875
  /**
@@ -9562,115 +9765,5 @@ declare class CourseTileComponent {
9562
9765
  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>;
9563
9766
  }
9564
9767
 
9565
- /** Tone of a timeline event drives the dot and chip colors. */
9566
- type TimelineTone = 'success' | 'info' | 'warning' | 'error' | 'neutral';
9567
- /** One event on the timeline (e.g. a certificate history entry). */
9568
- interface TimelineItem {
9569
- /** Identifier emitted by (actionClick) when the item's action is clicked */
9570
- id: string | number;
9571
- /** Event title (e.g. "Certificate issued") */
9572
- title: string;
9573
- /** Formatted date line under the title */
9574
- date?: string;
9575
- /** Longer description paragraph */
9576
- description?: string;
9577
- /** Colors the dot and chip; defaults to 'neutral' */
9578
- tone?: TimelineTone;
9579
- /** Small status chip next to the title (e.g. "Active", "Paid") */
9580
- chipLabel?: string;
9581
- /** Renders an action link under the description (e.g. "View certificate") */
9582
- actionLabel?: string;
9583
- }
9584
- /**
9585
- * Vertical event timeline — a colored dot per event on a connector rail,
9586
- * with a title, status chip, date, description and an optional action link.
9587
- * Used for the certificate history page.
9588
- *
9589
- * @example
9590
- * <pecb-timeline [items]="items" (actionClick)="onItemAction($event)" />
9591
- */
9592
- declare class TimelineComponent {
9593
- /** Events to render, in display order (typically newest first) */
9594
- items: _angular_core.InputSignal<TimelineItem[]>;
9595
- /** Emitted with the item's id when its action link is clicked */
9596
- actionClick: _angular_core.OutputEmitterRef<string | number>;
9597
- tone(item: TimelineItem): TimelineTone;
9598
- onAction(item: TimelineItem): void;
9599
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineComponent, never>;
9600
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent, "pecb-timeline", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
9601
- }
9602
-
9603
- /** Visual style of a preview-card action button. */
9604
- type PreviewCardActionVariant = 'primary' | 'ghost' | 'accent';
9605
- /** Color of the small status chip next to the title. */
9606
- type PreviewCardChipStatus = 'success' | 'info' | 'warning' | 'error' | 'default';
9607
- /** One action button on a preview card. */
9608
- interface PreviewCardAction {
9609
- /** Identifier emitted by (actionClick) when the button is clicked */
9610
- id: string;
9611
- /** Button label */
9612
- label: string;
9613
- /** 'primary' (dark), 'ghost' (outlined) or 'accent' (brand red); defaults to 'primary' */
9614
- variant?: PreviewCardActionVariant;
9615
- /** Raw SVG string rendered before the label (use stroke="currentColor") */
9616
- icon?: string;
9617
- /** Shows a spinner in place of the icon and disables the button */
9618
- loading?: boolean;
9619
- /** Disables the button (kept visible so the layout never collapses) */
9620
- disabled?: boolean;
9621
- }
9622
- /**
9623
- * Media preview card — a fixed-size media panel (live iframe embed or image)
9624
- * beside a title, optional status chip, description and a row of action
9625
- * buttons. Used for the certificate and digital-badge cards on the
9626
- * certification details page.
9627
- *
9628
- * The media panel shows [embedSrc] in a non-interactive iframe when set
9629
- * (e.g. a PDF preview URL), otherwise the [imageSrc] image.
9630
- *
9631
- * @example
9632
- * <pecb-preview-card
9633
- * [embedSrc]="certificatePreviewUrl"
9634
- * imageSrc="assets/images/certificate.png"
9635
- * title="Certificate"
9636
- * description="Your official PECB certificate."
9637
- * [actions]="actions"
9638
- * (actionClick)="onAction($event)"
9639
- * />
9640
- */
9641
- declare class PreviewCardComponent {
9642
- private sanitizer;
9643
- /** URL rendered in a non-interactive iframe (e.g. a PDF preview); falls back to [imageSrc] when empty */
9644
- embedSrc: _angular_core.InputSignal<string>;
9645
- /** Image shown in the media panel when [embedSrc] is empty */
9646
- imageSrc: _angular_core.InputSignal<string>;
9647
- /** Alt text for the media panel */
9648
- imageAlt: _angular_core.InputSignal<string>;
9649
- /** Dims the image (grayscale) — e.g. an unclaimed badge */
9650
- imageDimmed: _angular_core.InputSignal<boolean>;
9651
- /** Card title (required) */
9652
- title: _angular_core.InputSignal<string>;
9653
- /** Small status chip next to the title; hidden when empty */
9654
- chipLabel: _angular_core.InputSignal<string>;
9655
- /** Chip color theme */
9656
- chipStatus: _angular_core.InputSignal<PreviewCardChipStatus>;
9657
- /** Description paragraph under the title; hidden when empty */
9658
- description: _angular_core.InputSignal<string>;
9659
- /** Action buttons rendered under the description */
9660
- actions: _angular_core.InputSignal<PreviewCardAction[]>;
9661
- /** Emitted with the action's id when one of the buttons is clicked */
9662
- actionClick: _angular_core.OutputEmitterRef<string>;
9663
- safeEmbedSrc: _angular_core.Signal<SafeResourceUrl | null>;
9664
- /** Actions paired with their sanitized icon SVG for the template */
9665
- resolvedActions: _angular_core.Signal<{
9666
- action: PreviewCardAction;
9667
- safeIcon: SafeHtml | null;
9668
- }[]>;
9669
- actionClasses(action: PreviewCardAction): string;
9670
- onAction(action: PreviewCardAction): void;
9671
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<PreviewCardComponent, never>;
9672
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<PreviewCardComponent, "pecb-preview-card", never, { "embedSrc": { "alias": "embedSrc"; "required": false; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; "imageDimmed": { "alias": "imageDimmed"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "chipLabel": { "alias": "chipLabel"; "required": false; "isSignal": true; }; "chipStatus": { "alias": "chipStatus"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
9673
- }
9674
-
9675
- 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, PreviewCardComponent, 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, TimelineComponent, 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 };
9676
- 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, PreviewCardAction, PreviewCardActionVariant, PreviewCardChipStatus, 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, TimelineItem, TimelineTone, 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 };
9768
+ 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, NestedTableComponent, 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, PreviewCardComponent, 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, TimelineComponent, 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 };
9769
+ 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, MetricsCardSize, MetricsCardType, MetricsCardVariation, MiniIconAction, NestedTableCellType, NestedTableChildContext, NestedTableChildRow, NestedTableChip, NestedTableColumn, NestedTableGroup, NestedTableProgress, NestedTableRow, 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, PreviewCardAction, 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, TimelineItem, TimelineTone, 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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pecb-ui/components",
3
- "version": "1.1.18",
3
+ "version": "1.1.19",
4
4
  "description": "Professional Angular UI Components Library with TypeScript and SCSS by PECB",
5
5
  "author": "PECB",
6
6
  "license": "MIT",
package/tables/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { ExpandableRowColumn, ExpandableRowPageEvent, ExpandableRowProgressConfig, ExpandableRowTableComponent, HierarchicalTableAction, HierarchicalTableColumn, HierarchicalTableComponent, HierarchicalTablePageEvent, PageChangeEvent, PaginationComponent, PaginationSize, PaginationVariant, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, TableAction, TableComponent, TableRowActionEvent, TableSelectionEvent, TableSize, TableSortEvent, TableStatusConfig, TableUserConfig, TableVariant, VirtualTableColumn, VirtualTableComponent, VirtualTablePageEvent, VirtualTableProgressConfig } from '@pecb-ui/components';
1
+ export { ExpandableRowColumn, ExpandableRowPageEvent, ExpandableRowProgressConfig, ExpandableRowTableComponent, HierarchicalTableAction, HierarchicalTableColumn, HierarchicalTableComponent, HierarchicalTablePageEvent, NestedTableCellType, NestedTableChildContext, NestedTableChildRow, NestedTableChip, NestedTableColumn, NestedTableComponent, NestedTableGroup, NestedTableProgress, NestedTableRow, PageChangeEvent, PaginationComponent, PaginationSize, PaginationVariant, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, TableAction, TableComponent, TableRowActionEvent, TableSelectionEvent, TableSize, TableSortEvent, TableStatusConfig, TableUserConfig, TableVariant, VirtualTableColumn, VirtualTableComponent, VirtualTablePageEvent, VirtualTableProgressConfig } from '@pecb-ui/components';