@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/data-display/index.d.ts +1 -1
- package/fesm2022/pecb-ui-components-data-display.mjs.map +1 -1
- package/fesm2022/pecb-ui-components-tables.mjs +1 -1
- package/fesm2022/pecb-ui-components-tables.mjs.map +1 -1
- package/fesm2022/pecb-ui-components.mjs +316 -244
- package/fesm2022/pecb-ui-components.mjs.map +1 -1
- package/index.d.ts +233 -140
- package/package.json +1 -1
- package/tables/index.d.ts +1 -1
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
|
-
/**
|
|
2585
|
+
/** Status pill colour. */
|
|
2580
2586
|
type CredentialCardTone = 'success' | 'warning' | 'error' | 'neutral';
|
|
2581
|
-
/**
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
2605
|
-
|
|
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 (
|
|
2614
|
-
*
|
|
2615
|
-
*
|
|
2616
|
-
*
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
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; }; "
|
|
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
|
-
|
|
9566
|
-
type TimelineTone
|
|
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
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';
|