ps-helix 6.0.2 → 6.2.0

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/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "ps-helix",
3
- "version": "6.0.2",
3
+ "version": "6.2.0",
4
4
  "description": "Helix Design System - A comprehensive Angular component library",
5
- "author": "Fabrice PEREZ - Product designer at PACK Solutions",
5
+ "author": "Fabrice PEREZ - Design Engineer at PACK Solutions",
6
6
  "license": "MIT",
7
7
  "homepage": "https://ps-helix.com/",
8
8
  "keywords": [
@@ -491,6 +491,8 @@ interface InfoCardData {
491
491
  copyable?: boolean;
492
492
  /** Raw value to copy if different from the displayed value */
493
493
  copyValue?: string;
494
+ /** Mise en forme optionnelle de la valeur de la ligne (cumulable). */
495
+ emphasis?: InfoCardEmphasis;
494
496
  }
495
497
  /**
496
498
  * Configuration options for the info card
@@ -504,11 +506,35 @@ interface InfoCardOptions {
504
506
  labelWidth?: string;
505
507
  /** Default width for all value columns */
506
508
  valueWidth?: string;
509
+ /** Applique automatiquement le rendu "muted" (italique + couleur secondaire) aux valeurs nullish. Défaut: true. */
510
+ mutedEmptyValues?: boolean;
507
511
  }
508
512
  /**
509
513
  * Available card variant styles
510
514
  */
511
515
  type InfoCardVariant = 'default' | 'elevated' | 'outlined';
516
+ /**
517
+ * Couleurs sémantiques autorisées pour la mise en forme d'une valeur.
518
+ * Jeu fermé, mappé sur les tokens du thème (clair et sombre).
519
+ */
520
+ type InfoCardTone = 'muted' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
521
+ /**
522
+ * Mise en forme optionnelle de la valeur d'une ligne.
523
+ * Toutes les options sont indépendantes et **cumulables**
524
+ * (ex. { italic: true, strikethrough: true, tone: 'danger' }).
525
+ * Jeu volontairement fermé : pas de CSS ni de couleur arbitraire —
526
+ * pour du contenu riche, utiliser psh-table.
527
+ */
528
+ interface InfoCardEmphasis {
529
+ /** Italique. */
530
+ italic?: boolean;
531
+ /** Gras (poids renforcé via token). */
532
+ bold?: boolean;
533
+ /** Barré (line-through). */
534
+ strikethrough?: boolean;
535
+ /** Couleur sémantique (jeu fermé, tokenisée). */
536
+ tone?: InfoCardTone;
537
+ }
512
538
 
513
539
  /**
514
540
  * Info Card Component - Autonomous
@@ -613,6 +639,12 @@ declare class PshInfoCardComponent implements AfterContentInit, OnDestroy {
613
639
  handleKeydown(event: KeyboardEvent): void;
614
640
  isRowCopyable(item: InfoCardData): boolean;
615
641
  hasNonEmptyValue(item: InfoCardData): boolean;
642
+ /**
643
+ * Calcule les classes CSS de la valeur d'une ligne à partir de son emphasis.
644
+ * Fonction pure (compatible OnPush) : aucun effet de bord.
645
+ * Un emphasis explicite prime sur l'auto-muted des valeurs nullish.
646
+ */
647
+ getValueClasses(item: InfoCardData): string;
616
648
  copyRowValue(item: InfoCardData, index: number): void;
617
649
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshInfoCardComponent, never>;
618
650
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshInfoCardComponent, "psh-info-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "copyable": { "alias": "copyable"; "required": false; "isSignal": true; }; "copyButtonLabel": { "alias": "copyButtonLabel"; "required": false; "isSignal": true; }; "copyFeedbackText": { "alias": "copyFeedbackText"; "required": false; "isSignal": true; }; "autoFullWidthOnMobile": { "alias": "autoFullWidthOnMobile"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "copied": "copied"; "copyFailed": "copyFailed"; }, never, ["[card-header-actions]", "[card-actions]"], true, never>;
@@ -2921,4 +2953,4 @@ declare class PshPortalService {
2921
2953
  }
2922
2954
 
2923
2955
  export { CHECKBOX_CONFIG, CUSTOMER_CONTEXT_SERVICE, INPUT_LABELS, MODAL_CONFIG, ModalService, NgxTranslateProvider, PAGINATION_CONFIG, PROGRESSBAR_CONFIG, PSH_THEME_OPTIONS, PshAlertComponent, PshAvatarComponent, PshBadgeComponent, PshButtonComponent, PshCardComponent, PshCheckboxComponent, PshClickOutsideDirective, PshCollapseComponent, PshDropdownComponent, PshFlowStepComponent, PshFocusTrapDirective, PshHorizontalCardComponent, PshInfoCardComponent, PshInputComponent, PshLiveAnnouncerService, PshMenuComponent, PshModalComponent, PshOverlayPositionService, PshOverlayService, PshPaginationComponent, PshPortalService, PshProgressbarComponent, PshRadioComponent, PshSelectComponent, PshSidebarComponent, PshSpinLoaderComponent, PshStatCardComponent, PshStateFlowIndicatorComponent, PshStepComponent, PshStepperComponent, PshSwitchComponent, PshTabBarComponent, PshTabComponent, PshTableComponent, PshTabsComponent, PshTagComponent, PshTextareaComponent, PshToastComponent, PshToastService, PshTooltipComponent, RADIO_CONFIG, RADIO_STYLES, SIDEBAR_CONFIG, SPINLOADER_CONFIG, STATE_FLOW_INDICATOR_CONFIG, STEPPER_CONFIG, SWITCH_CONFIG, ScrollService, TABLE_CONFIG, TABS_CONFIG, TAB_BAR_CONFIG, TAG_CONFIG, TEXTAREA_LABELS, TOAST_CONFIG, TOOLTIP_CONFIG, TRANSLATION_PROVIDER, ThemeService, ToastComponent, ToastService, provideTranslation };
2924
- export type { AlertConfig, AlertLabels, AlertRole, AlertSize, AlertType, AnnouncerPoliteness, AutocompleteConfig, AvatarConfig, AvatarShape, AvatarSize, AvatarStatus, BadgeDisplayType, BadgePosition, BadgeSize, BadgeVariant, ButtonAppearance, ButtonIconPosition, ButtonSize, ButtonVariant, CardActionsAlignment, CardColorVariant, CardDensity, CardVariant, CheckboxConfig, CheckboxLabelPosition, CheckboxSize, CollapseSize, CollapseVariant, CustomerContextService, DropdownAppearance, DropdownConfig, DropdownItem, DropdownPlacement, DropdownSize, DropdownVariant, FlowStepConfig, IconPosition, InfoCardData, InfoCardOptions, InfoCardVariant, InputConfig, InputSize, InputType, InputVariant, MenuItem, MenuMode, MenuVariant, ModalConfig, ModalSize, OverlayHandle, OverlayPositionOptions, OverlaySide, PaginationConfig, PaginationSize, PaginationVariant, ProgressbarConfig, ProgressbarLabelPosition, ProgressbarMode, ProgressbarSize, ProgressbarVariant, PshPortalRef, PshThemeOptions, RadioConfig, RadioSize, SearchConfig, SelectOption, SelectOptionGroup, SelectSize, SelectVariant, SidebarConfig, SidebarMode, SidebarPosition, SpinLoaderColor, SpinLoaderConfig, SpinLoaderSize, SpinLoaderVariant, StatCardLayout, StatCardVariant, StatTagVariant, StateFlowIndicatorAriaLabels, StateFlowIndicatorConfig, StateFlowIndicatorSize, StepConfig, StepperAriaLabels, StepperConfig, StepperVariant, SuggestionResult, SwitchConfig, SwitchSize, Tab, TabBarChangeEvent, TabBarConfig, TabBarItem, TabChangeEvent, TableCellContext, TableColumn, TableConfig, TableExpandedRowContext, TableRow, TableRowClickEvent, TableRowExpandEvent, TableSort, TabsConfig, TabsSize, TabsVariant, TagConfig, TagSize, TagVariant, TextareaConfig, TextareaResize, TextareaSize, TextareaVariant, Theme, ThemeConfig, Toast, ToastConfig, ToastPosition, ToastType, TooltipConfig, TooltipPosition, TooltipVariant, TranslationConfig, TranslationEntry, TranslationProvider };
2956
+ export type { AlertConfig, AlertLabels, AlertRole, AlertSize, AlertType, AnnouncerPoliteness, AutocompleteConfig, AvatarConfig, AvatarShape, AvatarSize, AvatarStatus, BadgeDisplayType, BadgePosition, BadgeSize, BadgeVariant, ButtonAppearance, ButtonIconPosition, ButtonSize, ButtonVariant, CardActionsAlignment, CardColorVariant, CardDensity, CardVariant, CheckboxConfig, CheckboxLabelPosition, CheckboxSize, CollapseSize, CollapseVariant, CustomerContextService, DropdownAppearance, DropdownConfig, DropdownItem, DropdownPlacement, DropdownSize, DropdownVariant, FlowStepConfig, IconPosition, InfoCardData, InfoCardEmphasis, InfoCardOptions, InfoCardTone, InfoCardVariant, InputConfig, InputSize, InputType, InputVariant, MenuItem, MenuMode, MenuVariant, ModalConfig, ModalSize, OverlayHandle, OverlayPositionOptions, OverlaySide, PaginationConfig, PaginationSize, PaginationVariant, ProgressbarConfig, ProgressbarLabelPosition, ProgressbarMode, ProgressbarSize, ProgressbarVariant, PshPortalRef, PshThemeOptions, RadioConfig, RadioSize, SearchConfig, SelectOption, SelectOptionGroup, SelectSize, SelectVariant, SidebarConfig, SidebarMode, SidebarPosition, SpinLoaderColor, SpinLoaderConfig, SpinLoaderSize, SpinLoaderVariant, StatCardLayout, StatCardVariant, StatTagVariant, StateFlowIndicatorAriaLabels, StateFlowIndicatorConfig, StateFlowIndicatorSize, StepConfig, StepperAriaLabels, StepperConfig, StepperVariant, SuggestionResult, SwitchConfig, SwitchSize, Tab, TabBarChangeEvent, TabBarConfig, TabBarItem, TabChangeEvent, TableCellContext, TableColumn, TableConfig, TableExpandedRowContext, TableRow, TableRowClickEvent, TableRowExpandEvent, TableSort, TabsConfig, TabsSize, TabsVariant, TagConfig, TagSize, TagVariant, TextareaConfig, TextareaResize, TextareaSize, TextareaVariant, Theme, ThemeConfig, Toast, ToastConfig, ToastPosition, ToastType, TooltipConfig, TooltipPosition, TooltipVariant, TranslationConfig, TranslationEntry, TranslationProvider };