ps-helix 5.0.0 → 5.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ps-helix",
-  "version": "5.0.0",
+  "version": "5.1.2",
   "description": "Helix Design System - A comprehensive Angular component library",
   "author": "Fabrice PEREZ - Product designer at PACK Solutions",
   "license": "MIT",

package/types/ps-helix.d.ts

@@ -487,6 +487,10 @@ interface InfoCardData {
     valueWidth?: string;
     /** Optional custom CSS class for styling */
     customClass?: string;
+    /** Whether this row's value can be copied (overrides component-level copyable) */
+    copyable?: boolean;
+    /** Raw value to copy if different from the displayed value */
+    copyValue?: string;
 }
 /**
  * Configuration options for the info card
@@ -529,7 +533,7 @@ type InfoCardVariant = 'default' | 'elevated' | 'outlined';
  * ></psh-info-card>
  * ```
  */
-declare class PshInfoCardComponent implements AfterContentInit {
+declare class PshInfoCardComponent implements AfterContentInit, OnDestroy {
     hasHeaderActions: _angular_core.WritableSignal<boolean>;
     /** Title displayed in the card header */
     title: _angular_core.InputSignal<string>;
@@ -557,12 +561,25 @@ declare class PshInfoCardComponent implements AfterContentInit {
     disabled: _angular_core.InputSignal<boolean>;
     /** Emitted when card is clicked */
     clicked: _angular_core.OutputEmitterRef<MouseEvent | KeyboardEvent>;
+    /** Whether to show copy buttons on rows (opt-in) */
+    copyable: _angular_core.InputSignal<boolean>;
+    /** Label prefix for the copy button aria-label */
+    copyButtonLabel: _angular_core.InputSignal<string>;
+    /** Text shown as feedback after successful copy */
+    copyFeedbackText: _angular_core.InputSignal<string>;
+    /** Emitted when a row value is successfully copied */
+    copied: _angular_core.OutputEmitterRef<InfoCardData>;
+    /** Emitted when a copy attempt fails */
+    copyFailed: _angular_core.OutputEmitterRef<InfoCardData>;
+    /** Tracks the row index currently showing success feedback */
+    copiedRowIndex: _angular_core.WritableSignal<number | null>;
     /** Whether to auto-enable full width buttons on mobile (default: true) */
     autoFullWidthOnMobile: _angular_core.InputSignal<boolean>;
     /** Signal to track if viewport is mobile */
     isMobile: _angular_core.WritableSignal<boolean>;
     private platformId;
     private resizeObserver?;
+    private feedbackTimeout?;
     /** Determines if the empty state should be shown */
     shouldShowEmptyState: _angular_core.Signal<boolean | undefined>;
     /** Returns the empty state message to display */
@@ -593,8 +610,11 @@ declare class PshInfoCardComponent implements AfterContentInit {
      * Handles keyboard navigation
      */
     handleKeydown(event: KeyboardEvent): void;
+    isRowCopyable(item: InfoCardData): boolean;
+    hasNonEmptyValue(item: InfoCardData): boolean;
+    copyRowValue(item: InfoCardData, index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshInfoCardComponent, never>;
-    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; }; "autoFullWidthOnMobile": { "alias": "autoFullWidthOnMobile"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["[card-header-actions]", "[card-actions]"], true, never>;
+    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>;
 }
 
 /**
@@ -1024,6 +1044,7 @@ declare class PshMenuComponent<T = string> {
     showTooltip: _angular_core.Signal<boolean>;
     constructor();
     private getState;
+    handleItemClick(item: MenuItem<T>, event: Event, isChild: boolean): void;
     toggleItem(item: MenuItem<T>, event?: Event): void;
     toggleCollapse(): void;
     isExpanded(item: MenuItem<T>): boolean;