@pecb-ui/components 1.1.16 → 1.1.18
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 +1 -1
- package/fesm2022/pecb-ui-components-data-display.mjs.map +1 -1
- package/fesm2022/pecb-ui-components.mjs +107 -1
- package/fesm2022/pecb-ui-components.mjs.map +1 -1
- package/index.d.ts +113 -3
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { ElementRef, ChangeDetectorRef, TemplateRef, Type, OnDestroy, AfterViewInit, QueryList, OnInit, OnChanges } from '@angular/core';
|
|
3
3
|
import * as _angular_platform_browser from '@angular/platform-browser';
|
|
4
|
-
import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
|
|
4
|
+
import { SafeHtml, DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
|
|
5
5
|
import { ScrollStrategy, ConnectedPosition } from '@angular/cdk/overlay';
|
|
6
6
|
import { ControlValueAccessor } from '@angular/forms';
|
|
7
7
|
import * as _pecb_ui_components from '@pecb-ui/components';
|
|
@@ -9562,5 +9562,115 @@ declare class CourseTileComponent {
|
|
|
9562
9562
|
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
9563
|
}
|
|
9564
9564
|
|
|
9565
|
-
|
|
9566
|
-
|
|
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 };
|