@testgorilla/tgo-ui 10.0.0 → 10.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testgorilla/tgo-ui",
-  "version": "10.0.0",
+  "version": "10.2.0",
   "license": "proprietary-license",
   "lint-staged": {
     "{projects,components}/**/*.ts": [
@@ -193,6 +193,10 @@
       "types": "./types/testgorilla-tgo-ui-components-icon-label.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-icon-label.mjs"
     },
+    "./components/infinite-scroll-table": {
+      "types": "./types/testgorilla-tgo-ui-components-infinite-scroll-table.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-infinite-scroll-table.mjs"
+    },
     "./components/inline-field": {
       "types": "./types/testgorilla-tgo-ui-components-inline-field.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-inline-field.mjs"

package/projects/tgo-canopy-ui/assets/icons/rebrand/Grid-list-view-filled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 11.4536V3.45361H11V11.4536H3ZM3 21.4536V13.4536H11V21.4536H3ZM13 11.4536V3.45361H21V11.4536H13ZM13 21.4536V13.4536H21V21.4536H13Z" fill="currentColor"/>
+</svg>

package/projects/tgo-canopy-ui/assets/icons/rebrand/Grid-list-view-in-line.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 11.4536V3.45361H11V11.4536H3ZM3 21.4536V13.4536H11V21.4536H3ZM13 11.4536V3.45361H21V11.4536H13ZM13 21.4536V13.4536H21V21.4536H13ZM5 9.45361H9V5.45361H5V9.45361ZM15 9.45361H19V5.45361H15V9.45361ZM15 19.4536H19V15.4536H15V19.4536ZM5 19.4536H9V15.4536H5V19.4536Z" fill="currentColor"/>
+</svg>

package/projects/tgo-canopy-ui/assets/icons/rebrand/Table-view-filled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 16H3V19C3 19.55 3.19583 20.0208 3.5875 20.4125C3.97917 20.8042 4.45 21 5 21H11V16ZM13 16V21H19C19.55 21 20.0208 20.8042 20.4125 20.4125C20.8042 20.0208 21 19.55 21 19V16H13ZM11 14V9H3V14H11ZM13 14H21V9H13V14ZM3 7H21V5C21 4.45 20.8042 3.97917 20.4125 3.5875C20.0208 3.19583 19.55 3 19 3H5C4.45 3 3.97917 3.19583 3.5875 3.5875C3.19583 3.97917 3 4.45 3 5V7Z" fill="currentColor"/>
+</svg>

package/projects/tgo-canopy-ui/assets/icons/rebrand/Table-view-in-line.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM11 15H5V19H11V15ZM13 15V19H19V15H13ZM11 13V9H5V13H11ZM13 13H19V9H13V13ZM5 7H19V5H5V7Z" fill="currentColor"/>
+</svg>

package/types/testgorilla-tgo-ui-components-filter-button.d.ts

@@ -115,6 +115,16 @@ declare class FilterButtonComponent implements OnChanges {
      * @memberof FilterButtonComponent
      */
     noOptionsMessage?: string | undefined;
+    /**
+     * Whether the button should stretch to fill its container, and the dropdown panel
+     * follow that width instead of the default 240px.
+     * The panel never shrinks below 240px, so a container narrower than that is safe.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof FilterButtonComponent
+     */
+    fullWidth: boolean;
     /**
      * Emits the list of selected values when the selection changes.
      *
@@ -137,11 +147,16 @@ declare class FilterButtonComponent implements OnChanges {
      * @memberof FilterButtonComponent
      */
     applicationTheme: ApplicationTheme;
+    get fullWidthClass(): boolean;
     overlayContainer: ElementRef<HTMLElement>;
     viewport?: CdkVirtualScrollViewport;
+    private readonly triggerOrigin?;
+    private readonly connectedOverlay?;
     /** Must match the `.item` height in the SCSS — the fixed-size viewport relies on it. */
     readonly ITEM_SIZE = 48;
     readonly MAX_LIST_HEIGHT = 290;
+    readonly PANEL_MIN_WIDTH = 240;
+    readonly MATCH_TRIGGER_PANEL_CLASS = "ui-filter-button-panel-match-trigger";
     isOpen: _angular_core.WritableSignal<boolean>;
     displayedLabel: _angular_core.WritableSignal<string>;
     tooltip: _angular_core.WritableSignal<string>;
@@ -167,6 +182,7 @@ declare class FilterButtonComponent implements OnChanges {
     protected translationContext: string;
     private readonly searchInput$;
     constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, destroyRef: DestroyRef);
+    private syncPanelWidth;
     ngOnChanges(changes: SimpleChanges): void;
     clearValue(): void;
     outsideClick(): void;
@@ -181,7 +197,8 @@ declare class FilterButtonComponent implements OnChanges {
     private toggleActiveOption;
     private updateLabel;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterButtonComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterButtonComponent, "ui-filter-button", never, { "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "changed": "changed"; "optionChange": "optionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterButtonComponent, "ui-filter-button", never, { "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "changed": "changed"; "optionChange": "optionChange"; }, never, never, true, never>;
+    static ngAcceptInputType_fullWidth: unknown;
 }
 
 declare class FilterButtonComponentModule {

package/types/testgorilla-tgo-ui-components-icon.d.ts

@@ -8,7 +8,7 @@ export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import * as i1 from '@angular/common';
 
 declare const tgoIcons: readonly ["Add", "Archive", "Arrow_down", "Arrow_left", "Arrow_right", "Arrow_up", "Assessment", "Attempts", "Book", "Calendar", "Candidates", "Chat-notifications", "Chat", "Check", "Clone", "Close", "Code", "Company", "Copy", "Custom-questions", "Delete", "Devices", "Document", "Dot", "Download", "Edit", "Email-message", "Empty-placeholder", "Error", "Essay", "Eye-hide", "Eye-view", "Feedback-1", "Feedback-2", "Feedback-3", "Feedback-4", "Feedback-5", "File-attach", "File-upload", "Filter", "Flag", "Folder", "Format-add-file", "Format-add-table", "Format-align-L", "Format-align-R", "Format-align-center", "Format-align-justify", "Format-bold", "Format-code-active", "Format-code-block", "Format-edit-table", "Format-format", "Format-function", "Format-italics", "Format-list-bulleted", "Format-list-numbered", "Format-picker", "Format-quote", "Format-subscript", "Format-superscript", "Format-text-direction-L", "Format-text-direction-R", "Format-text-size", "Format-underline", "Format-variable", "Full-screen", "Gender-female", "Gender-male", "Help-2", "Help", "Image", "Info", "Integration", "Language", "Layout", "Learn", "Level", "Light-bulb", "Link", "Loading-spinner", "Localisation", "Location", "Lock", "Log-out", "Menu-burger", "Menu-close", "Menu-ellipsis", "Menu-open", "Microphone", "Microsoft", "Minus", "Mouse-cursor", "Mouse-grab-cursor", "Mouse", "Multi-choice", "Notifications", "Password", "Path", "Pin-marker", "Plan-billing", "Plus", "Premium", "Promotion", "Question-count", "Refer", "Reset", "Review", "Round-check-filled", "Round-check", "Search", "Secure-checkout", "Send", "Settings", "Social-facebook", "Social-instagram", "Social-linkedin", "Sorting-down-1", "Sorting-down", "Speedometer", "Star-filled", "Star-half", "Star-outline", "Support", "Sync", "Team", "Test", "Thunder", "Timer", "Trophy", "Type", "Unarchive", "Unlock", "Upgrade", "Upload", "User-access", "User-add", "User-invite", "User-profile", "User-reject", "User-switch", "Video-pause", "Video-play", "Video-record", "Video", "Volume", "Warning", "Zoom-in", "Zoom-out", "Fire", "Gift", "Grab", "Share", "Sparkles", "Video-stop", "Minimize", "Employee", "Money-bag", "Suitcase", "Google", "Fast-forward", "Fast-rewind", "Skip-next", "Skip-previous", "TestGorilla", "Switch-tab"];
-declare const tgoRebrandIcons: readonly ["Device-rotate-in-line", "Archive-filled", "Archive-in-line", "Add-in-line", "Add-filled", "Ai-fluent-filled", "Ai-fluent-in-line", "Arrow-chevron-down-filled", "Arrow-chevron-down-in-line", "Arrow-chevron-left-filled", "Arrow-chevron-left-in-line", "Arrow-chevron-right-filled", "Arrow-chevron-right-in-line", "Arrow-chevron-up-filled", "Arrow-chevron-up-in-line", "Arrow-down-filled", "Arrow-down-in-line", "Arrow-up-filled", "Arrow-up-in-line", "Assessment-filled", "Assessment-in-line", "Attach-filled", "Attach-in-line", "Attempts-filled", "Attempts-in-line", "Book-filled", "Book-in-line", "Bookmark-filled", "Bookmark-in-line", "Calendar-filled", "Calendar-in-line", "Candidates-filled", "Candidates-in-line", "Chat-filled", "Chat-in-line", "Check-filled", "Check-in-line", "Check-small-in-line", "Check-small-filled", "Check-round-filled", "Check-round-in-line", "Circle-filled", "Circle-in-line", "Clone-filled", "Clone-in-line", "Close-filled", "Close-in-line", "Code-filled", "Code-in-line", "Company-filled", "Company-in-line", "Copy-filled", "Copy-in-line", "Count-one-filled", "Count-one-in-line", "Count-two-filled", "Count-two-in-line", "Count-three-filled", "Count-three-in-line", "Credit-filled", "Credit-in-line", "Credit-card-filled", "Credit-card-in-line", "Delete-filled", "Delete-in-line", "Devices-filled", "Devices-in-line", "Document-filled", "Document-in-line", "Dot-filled", "Dot-in-line", "Download-filled", "Download-in-line", "Edit-filled", "Edit-in-line", "Edit-text-filled", "Edit-text-in-line", "Email-unsubscribed-filled", "Email-unsubscribed-in-line", "Employee-filled", "Employee-in-line", "Error-filled", "Error-in-line", "Essay-filled", "Essay-in-line", "Experience-filled", "Experience-in-line", "Facebook-filled", "Facebook-in-line", "Fast-forward-filled", "Fast-forward-in-line", "Fast-rewind-filled", "Fast-rewind-in-line", "Filter-filled", "Filter-in-line", "Fire-filled", "Fire-in-line", "Flag-filled", "Flag-in-line", "Folder-filled", "Folder-in-line", "Full-screen-filled", "Full-screen-in-line", "Gender-male-filled", "Gender-male-in-line", "Gender-female-filled", "Gender-female-in-line", "Gift-filled", "Gift-in-line", "Google-filled", "Google-in-line", "Grab-filled", "Grab-in-line", "Help-filled", "Help-in-line", "Hide-filled", "Hide-in-line", "Image-filled", "Image-in-line", "Info-filled", "Info-in-line", "Instagram-filled", "Instagram-in-line", "Integration-filled", "Integration-in-line", "Invite-filled", "Invite-in-line", "ID-verified-filled", "ID-verified-in-line", "ID-not-verified-filled", "ID-not-verified-in-line", "ID-failed-filled", "ID-failed-in-line", "Language-filled", "Language-in-line", "Layout-filled", "Layout-in-line", "Learn-filled", "Learn-in-line", "Level-filled", "Level-in-line", "Light-bulb-filled", "Light-bulb-in-line", "Link-filled", "Link-in-line", "Linkedin-filled", "Linkedin-in-line", "Linkedin-brand-filled", "Linkedin-brand-in-line", "Localization-filled", "Localization-in-line", "Location-filled", "Location-in-line", "Lock-filled", "Lock-in-line", "Logout-filled", "Logout-in-line", "Medal-filled", "Medal-in-line", "Menu-burger-filled", "Menu-burger-in-line", "Menu-close-filled", "Menu-close-in-line", "Menu-ellipsis-filled", "Menu-ellipsis-in-line", "Menu-open-filled", "Menu-open-in-line", "Mic-filled", "Mic-in-line", "Microsoft-filled", "Microsoft-in-line", "Minimize-filled", "Minimize-in-line", "Minus-filled", "Minus-in-line", "Mouse-filled", "Mouse-in-line", "Multi-choice-filled", "Multi-choice-in-line", "Notification-bell-filled", "Notification-bell-in-line", "Open-lock-filled", "Open-lock-in-line", "Open-in-new-filled", "Open-in-new-in-line", "Password-filled", "Password-in-line", "Path-filled", "Path-in-line", "Pause-filled", "Pause-in-line", "Pin-marker-filled", "Pin-marker-in-line", "Plan-billing-filled", "Plan-billing-in-line", "Play-filled", "Play-in-line", "Plus-filled", "Plus-in-line", "Premium-filled", "Premium-in-line", "Premium-circle-in-line", "Question-count-filled", "Question-count-in-line", "Question-filled", "Question-in-line", "Record-filled", "Record-in-line", "Reject-filled", "Refer-in-line", "Refer-filled", "Reject-in-line", "Reset-filled", "Reset-in-line", "Review-emoji-1-filled", "Review-emoji-1-in-line", "Review-emoji-2-filled", "Review-emoji-2-in-line", "Review-emoji-3-filled", "Review-emoji-3-in-line", "Review-emoji-4-filled", "Review-emoji-4-in-line", "Review-emoji-5-filled", "Review-emoji-5-in-line", "Review-filled", "Review-half-star-filled", "Review-half-star-in-line", "Review-in-line", "Review-star-filled", "Review-star-in-line", "Search-filled", "Search-in-line", "Secure-filled", "Secure-in-line", "Send-filled", "Send-in-line", "Settings-filled", "Settings-in-line", "Share-filled", "Share-in-line", "Skip-next-filled", "Skip-next-in-line", "Skip-previous-filled", "Skip-previous-in-line", "Sparkle-filled", "Sparkle-in-line", "Speedometer-filled", "Speedometer-in-line", "Star-filled", "Star-in-line", "Stop-filled", "Stop-in-line", "Switch-filled", "Switch-in-line", "Sync-filled", "Sync-in-line", "Tag-filled", "Tag-in-line", "Team-filled", "Team-in-line", "Test-filled", "Test-in-line", "Thumb-average-in-line", "Thumb-average-filled", "Thumb-down-in-line", "Thumb-down-filled", "Thumb-up-in-line", "Thumb-up-filled", "Timer-filled", "Timer-in-line", "Trophy-filled", "Trophy-in-line", "Type-filled", "Type-in-line", "Unarchive-filled", "Unarchive-in-line", "Unlock-filled", "Unlock-in-line", "Upgrade-filled", "Upgrade-in-line", "Upload-filled", "Upload-in-line", "User-access-filled", "User-access-in-line", "User-add-filled", "User-add-in-line", "User-profile-filled", "User-profile-in-line", "Video-filled", "Video-in-line", "View-filled", "View-in-line", "Volume-filled", "Volume-in-line", "Warning-filled", "Warning-in-line", "Validated-filled", "Validated-in-line", "Verified-badge-filled", "Verified-badge-in-line", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line", "Analytics-filled", "Analytics-in-line", "Failed-to-load-filled", "Failed-to-load-in-line", "History-filled", "History-in-line", "TestGorilla-filled", "TestGorilla-in-line", "TestGorilla-Pink-filled", "TestGorilla-Pink-in-line", "Pencil-to-gorilla-in-line", "Pencil-to-gorilla-filled", "Switch-tab-in-line", "Switch-tab-filled", "Close-round-in-line", "Close-round-filled", "Trending-up-filled", "Trending-up-in-line", "Smart-criteria-filled", "Smart-criteria-in-line", "Mic-off-filled", "Mic-off-in-line", "Phone-rings-filled", "Phone-rings-in-line", "Home-filled", "Home-in-line", "Sourcing-filled", "Sourcing-in-line", "Campaign-filled", "Campaign-in-line", "Unread-notification-filled", "Unread-notification-in-line", "Sidebar-close-filled", "Sidebar-close-in-line", "Sidebar-open-filled", "Sidebar-open-in-line", "Jobs-filled", "Jobs-in-line", "Library-filled", "Library-in-line", "Help-center-filled", "Help-center-in-line", "Demo-filled", "Demo-in-line", "Candidates-v2-filled", "Candidates-v2-in-line", "Analytics-v2-filled", "Analytics-v2-in-line", "Upgrade-paint-filled", "Upgrade-paint-in-line", "Summary-filled", "Summary-in-line", "Corporate-filled", "Corporate-in-line", "Redeem-filled", "Redeem-in-line", "Rule-filled", "Rule-in-line", "Workspaces-filled", "Workspaces-in-line", "Portfolio-filled", "Portfolio-in-line", "Work-history-filled", "Work-history-in-line", "Analytics-filled-AI", "Analytics-in-line-AI", "Chat-filled-AI", "Chat-in-line-AI", "Document-filled-AI", "Document-in-line-AI", "Edit-filled-AI", "Edit-in-line-AI", "Mic-filled-AI", "Mic-in-line-AI", "Search-filled-AI", "Search-in-line-AI", "Summary-filled-AI", "Summary-in-line-AI", "Tag-filled-AI", "Tag-in-line-AI", "Video-filled-AI", "Video-in-line-AI"];
+declare const tgoRebrandIcons: readonly ["Device-rotate-in-line", "Archive-filled", "Archive-in-line", "Add-in-line", "Add-filled", "Ai-fluent-filled", "Ai-fluent-in-line", "Arrow-chevron-down-filled", "Arrow-chevron-down-in-line", "Arrow-chevron-left-filled", "Arrow-chevron-left-in-line", "Arrow-chevron-right-filled", "Arrow-chevron-right-in-line", "Arrow-chevron-up-filled", "Arrow-chevron-up-in-line", "Arrow-down-filled", "Arrow-down-in-line", "Arrow-up-filled", "Arrow-up-in-line", "Assessment-filled", "Assessment-in-line", "Attach-filled", "Attach-in-line", "Attempts-filled", "Attempts-in-line", "Book-filled", "Book-in-line", "Bookmark-filled", "Bookmark-in-line", "Calendar-filled", "Calendar-in-line", "Candidates-filled", "Candidates-in-line", "Chat-filled", "Chat-in-line", "Check-filled", "Check-in-line", "Check-small-in-line", "Check-small-filled", "Check-round-filled", "Check-round-in-line", "Circle-filled", "Circle-in-line", "Clone-filled", "Clone-in-line", "Close-filled", "Close-in-line", "Code-filled", "Code-in-line", "Company-filled", "Company-in-line", "Copy-filled", "Copy-in-line", "Count-one-filled", "Count-one-in-line", "Count-two-filled", "Count-two-in-line", "Count-three-filled", "Count-three-in-line", "Credit-filled", "Credit-in-line", "Credit-card-filled", "Credit-card-in-line", "Delete-filled", "Delete-in-line", "Devices-filled", "Devices-in-line", "Document-filled", "Document-in-line", "Dot-filled", "Dot-in-line", "Download-filled", "Download-in-line", "Edit-filled", "Edit-in-line", "Edit-text-filled", "Edit-text-in-line", "Email-unsubscribed-filled", "Email-unsubscribed-in-line", "Employee-filled", "Employee-in-line", "Error-filled", "Error-in-line", "Essay-filled", "Essay-in-line", "Experience-filled", "Experience-in-line", "Facebook-filled", "Facebook-in-line", "Fast-forward-filled", "Fast-forward-in-line", "Fast-rewind-filled", "Fast-rewind-in-line", "Filter-filled", "Filter-in-line", "Fire-filled", "Fire-in-line", "Flag-filled", "Flag-in-line", "Folder-filled", "Folder-in-line", "Full-screen-filled", "Full-screen-in-line", "Gender-male-filled", "Gender-male-in-line", "Gender-female-filled", "Gender-female-in-line", "Gift-filled", "Gift-in-line", "Google-filled", "Google-in-line", "Grab-filled", "Grab-in-line", "Grid-list-view-filled", "Grid-list-view-in-line", "Help-filled", "Help-in-line", "Hide-filled", "Hide-in-line", "Image-filled", "Image-in-line", "Info-filled", "Info-in-line", "Instagram-filled", "Instagram-in-line", "Integration-filled", "Integration-in-line", "Invite-filled", "Invite-in-line", "ID-verified-filled", "ID-verified-in-line", "ID-not-verified-filled", "ID-not-verified-in-line", "ID-failed-filled", "ID-failed-in-line", "Language-filled", "Language-in-line", "Layout-filled", "Layout-in-line", "Learn-filled", "Learn-in-line", "Level-filled", "Level-in-line", "Light-bulb-filled", "Light-bulb-in-line", "Link-filled", "Link-in-line", "Linkedin-filled", "Linkedin-in-line", "Linkedin-brand-filled", "Linkedin-brand-in-line", "Localization-filled", "Localization-in-line", "Location-filled", "Location-in-line", "Lock-filled", "Lock-in-line", "Logout-filled", "Logout-in-line", "Medal-filled", "Medal-in-line", "Menu-burger-filled", "Menu-burger-in-line", "Menu-close-filled", "Menu-close-in-line", "Menu-ellipsis-filled", "Menu-ellipsis-in-line", "Menu-open-filled", "Menu-open-in-line", "Mic-filled", "Mic-in-line", "Microsoft-filled", "Microsoft-in-line", "Minimize-filled", "Minimize-in-line", "Minus-filled", "Minus-in-line", "Mouse-filled", "Mouse-in-line", "Multi-choice-filled", "Multi-choice-in-line", "Notification-bell-filled", "Notification-bell-in-line", "Open-lock-filled", "Open-lock-in-line", "Open-in-new-filled", "Open-in-new-in-line", "Password-filled", "Password-in-line", "Path-filled", "Path-in-line", "Pause-filled", "Pause-in-line", "Pin-marker-filled", "Pin-marker-in-line", "Plan-billing-filled", "Plan-billing-in-line", "Play-filled", "Play-in-line", "Plus-filled", "Plus-in-line", "Premium-filled", "Premium-in-line", "Premium-circle-in-line", "Question-count-filled", "Question-count-in-line", "Question-filled", "Question-in-line", "Record-filled", "Record-in-line", "Reject-filled", "Refer-in-line", "Refer-filled", "Reject-in-line", "Reset-filled", "Reset-in-line", "Review-emoji-1-filled", "Review-emoji-1-in-line", "Review-emoji-2-filled", "Review-emoji-2-in-line", "Review-emoji-3-filled", "Review-emoji-3-in-line", "Review-emoji-4-filled", "Review-emoji-4-in-line", "Review-emoji-5-filled", "Review-emoji-5-in-line", "Review-filled", "Review-half-star-filled", "Review-half-star-in-line", "Review-in-line", "Review-star-filled", "Review-star-in-line", "Search-filled", "Search-in-line", "Secure-filled", "Secure-in-line", "Send-filled", "Send-in-line", "Settings-filled", "Settings-in-line", "Share-filled", "Share-in-line", "Skip-next-filled", "Skip-next-in-line", "Skip-previous-filled", "Skip-previous-in-line", "Sparkle-filled", "Sparkle-in-line", "Speedometer-filled", "Speedometer-in-line", "Star-filled", "Star-in-line", "Stop-filled", "Stop-in-line", "Switch-filled", "Switch-in-line", "Sync-filled", "Sync-in-line", "Table-view-filled", "Table-view-in-line", "Tag-filled", "Tag-in-line", "Team-filled", "Team-in-line", "Test-filled", "Test-in-line", "Thumb-average-in-line", "Thumb-average-filled", "Thumb-down-in-line", "Thumb-down-filled", "Thumb-up-in-line", "Thumb-up-filled", "Timer-filled", "Timer-in-line", "Trophy-filled", "Trophy-in-line", "Type-filled", "Type-in-line", "Unarchive-filled", "Unarchive-in-line", "Unlock-filled", "Unlock-in-line", "Upgrade-filled", "Upgrade-in-line", "Upload-filled", "Upload-in-line", "User-access-filled", "User-access-in-line", "User-add-filled", "User-add-in-line", "User-profile-filled", "User-profile-in-line", "Video-filled", "Video-in-line", "View-filled", "View-in-line", "Volume-filled", "Volume-in-line", "Warning-filled", "Warning-in-line", "Validated-filled", "Validated-in-line", "Verified-badge-filled", "Verified-badge-in-line", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line", "Analytics-filled", "Analytics-in-line", "Failed-to-load-filled", "Failed-to-load-in-line", "History-filled", "History-in-line", "TestGorilla-filled", "TestGorilla-in-line", "TestGorilla-Pink-filled", "TestGorilla-Pink-in-line", "Pencil-to-gorilla-in-line", "Pencil-to-gorilla-filled", "Switch-tab-in-line", "Switch-tab-filled", "Close-round-in-line", "Close-round-filled", "Trending-up-filled", "Trending-up-in-line", "Smart-criteria-filled", "Smart-criteria-in-line", "Mic-off-filled", "Mic-off-in-line", "Phone-rings-filled", "Phone-rings-in-line", "Home-filled", "Home-in-line", "Sourcing-filled", "Sourcing-in-line", "Campaign-filled", "Campaign-in-line", "Unread-notification-filled", "Unread-notification-in-line", "Sidebar-close-filled", "Sidebar-close-in-line", "Sidebar-open-filled", "Sidebar-open-in-line", "Jobs-filled", "Jobs-in-line", "Library-filled", "Library-in-line", "Help-center-filled", "Help-center-in-line", "Demo-filled", "Demo-in-line", "Candidates-v2-filled", "Candidates-v2-in-line", "Analytics-v2-filled", "Analytics-v2-in-line", "Upgrade-paint-filled", "Upgrade-paint-in-line", "Summary-filled", "Summary-in-line", "Corporate-filled", "Corporate-in-line", "Redeem-filled", "Redeem-in-line", "Rule-filled", "Rule-in-line", "Workspaces-filled", "Workspaces-in-line", "Portfolio-filled", "Portfolio-in-line", "Work-history-filled", "Work-history-in-line", "Analytics-filled-AI", "Analytics-in-line-AI", "Chat-filled-AI", "Chat-in-line-AI", "Document-filled-AI", "Document-in-line-AI", "Edit-filled-AI", "Edit-in-line-AI", "Mic-filled-AI", "Mic-in-line-AI", "Search-filled-AI", "Search-in-line-AI", "Summary-filled-AI", "Summary-in-line-AI", "Tag-filled-AI", "Tag-in-line-AI", "Video-filled-AI", "Video-in-line-AI"];
 declare const groupedIcons: {
     directional: string[];
     assessment: string[];

package/types/testgorilla-tgo-ui-components-infinite-scroll-table.d.ts

@@ -0,0 +1,225 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, TrackByFunction, ElementRef } from '@angular/core';
+import * as i2 from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import * as i1 from '@angular/common';
+
+/**
+ * Column definition for the infinite-scroll table.
+ *
+ * The shape intentionally mirrors the existing `ui-table` `TableColumn` (the fields that carry
+ * over to a virtualized body) so consumers can migrate their column configs and cell templates
+ * with a selector swap. Types have no runtime footprint, so this is a deliberate duplication
+ * rather than a shared import — it keeps the new component fully independent of `ui-table`.
+ */
+interface InfiniteScrollTableColumn<T = any> {
+    /** Stable identifier for the column; also used to read the default cell value from a row. */
+    key: string;
+    /** Header label rendered when no `headerCellTemplate` is provided. */
+    title?: string;
+    /**
+     * Consumer-supplied header cell template.
+     * Context: `{ $implicit: column.title, column, colIndex }` — matches `ui-table`.
+     */
+    headerCellTemplate?: TemplateRef<unknown>;
+    /**
+     * Consumer-supplied row cell template.
+     * Context: `{ $implicit: element, rowIndex }` — matches `ui-table`.
+     */
+    rowCellTemplate?: TemplateRef<unknown>;
+    /** When set, the first sticky column pins to the left and the last sticky column pins to the right. */
+    isSticky?: boolean;
+    styles?: InfiniteScrollTableColumnStyles;
+}
+interface InfiniteScrollTableColumnStyles {
+    'min-width'?: string;
+    width?: string;
+    alignment?: InfiniteScrollTableColumnAlignment;
+}
+type InfiniteScrollTableColumnAlignment = 'left' | 'right' | 'center';
+/** Context object passed to the error template so it can trigger a retry. */
+interface InfiniteScrollTableErrorContext {
+    $implicit: () => void;
+    retry: () => void;
+}
+/**
+ * Payload emitted on `rowClick`: the row plus its data index.
+ *
+ * Note: this is a **shallow copy** (`{ ...row, index }`, matching `ui-table`), so a class instance's
+ * prototype is not preserved and any pre-existing `index` field on the row is overwritten.
+ */
+type InfiniteScrollTableRowClick<T> = T & {
+    index: number;
+};
+/**
+ * Payload emitted on `selectionChange`: the row, its data index, and the new selected state.
+ *
+ * As with `rowClick`, this is a **shallow copy** (`{ ...row, index, selected }`) — no prototype, and
+ * any pre-existing `index` / `selected` field on the row is overwritten.
+ */
+type InfiniteScrollTableRowSelection<T> = T & {
+    index: number;
+    selected: boolean;
+};
+
+/** Internal row wrapper so real rows and skeleton placeholders flow through one virtual list. */
+type RenderRow<T> = {
+    kind: 'data';
+    item: T;
+    index: number;
+} | {
+    kind: 'skeleton';
+    id: string;
+};
+/**
+ * A generic, virtualized table with scroll-driven infinite loading.
+ *
+ * Owns rendering, fixed-height vertical virtualization (CDK), horizontal scroll, a pinned header,
+ * sticky first/last columns, first-load and load-more skeletons, and a guarded `loadMore` event.
+ * All content and layout come from consumer inputs — nothing domain-specific lives here.
+ *
+ * Independent of `ui-table`: it reuses only stable leaf primitives (`ui-skeleton`) and duplicates
+ * the column/context type shapes so consumers can migrate with a selector swap.
+ */
+declare class InfiniteScrollTableComponent<T> {
+    /** Rows loaded so far. The consumer appends pages to this array. */
+    readonly data: _angular_core.InputSignal<T[]>;
+    /** Column definitions. The first `isSticky` column pins left; the last `isSticky` column pins right. */
+    readonly columns: _angular_core.InputSignal<InfiniteScrollTableColumn<T>[]>;
+    /**
+     * Fixed row height in px — used as the virtualization `itemSize`.
+     * Variable / multi-line row heights are unsupported in this variant.
+     */
+    readonly rowHeight: _angular_core.InputSignal<number>;
+    /** Optional stable row identity so recycled rows re-render correctly. Takes precedence over `rowIdKey`. */
+    readonly trackBy: _angular_core.InputSignal<TrackByFunction<T> | undefined>;
+    /** Optional key on each row that holds a stable id. Used when `trackBy` is not provided. */
+    readonly rowIdKey: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Accepted for API parity with `ui-table`. In this bounded layout the header is always rendered
+     * above the internal scroll region and stays visible regardless — `.ui-ist` has `overflow: hidden`,
+     * so the header cannot stick to an outer scrolling page. Kept so `ui-table` templates migrate
+     * unchanged. Default `true`.
+     */
+    readonly stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Max height of the internal scroll region (e.g. `'70vh'`). The body shrinks to fit fewer rows. */
+    readonly maxHeight: _angular_core.InputSignal<string>;
+    /** Condensed spacing. */
+    readonly isCondensed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Enables row selection. When `true`, a dedicated checkbox column is prepended (pinned to the left)
+     * and each row's checkbox reflects the row's `selected` property; toggling it emits `selectionChange`.
+     * Selection stays data-driven and consumer-managed, exactly like `ui-table`. Default `false`.
+     */
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** First-load state: renders a full body of skeleton rows. */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Appends skeleton rows below the existing rows while the next page is fetched. */
+    readonly loadingMore: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether more pages exist. When `false`, `loadMore` never fires and the load-more skeleton is hidden. */
+    readonly hasMore: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Number of skeleton rows for the first-load state. */
+    readonly skeletonRowCount: _angular_core.InputSignal<number>;
+    /** How many rows from the end trigger `loadMore`. */
+    readonly loadMoreThreshold: _angular_core.InputSignal<number>;
+    /** Empty-state template, shown when `data` is empty and not loading. */
+    readonly noDataTemplate: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Error template, shown when `error` is `true`. Receives `{ $implicit: retry, retry }` as context. */
+    readonly errorTemplate: _angular_core.InputSignal<TemplateRef<InfiniteScrollTableErrorContext> | undefined>;
+    /** Whether a page fetch failed. */
+    readonly error: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fires when the user scrolls within `loadMoreThreshold` rows of the end.
+     * Guarded: emits only when `hasMore && !loading && !loadingMore`, and only once per approach.
+     */
+    readonly loadMore: _angular_core.OutputEmitterRef<void>;
+    /** Fires from the error template's retry affordance. */
+    readonly retry: _angular_core.OutputEmitterRef<void>;
+    /** Fires when a data row is clicked; payload is the row plus its data index. */
+    readonly rowClick: _angular_core.OutputEmitterRef<InfiniteScrollTableRowClick<T>>;
+    /**
+     * Fires when a row's selection checkbox is toggled (only when `selectable`). Payload is the row,
+     * its data index, and the new selected state. The consumer updates its data's `selected` property.
+     */
+    readonly selectionChange: _angular_core.OutputEmitterRef<InfiniteScrollTableRowSelection<T>>;
+    /** Fixed width of the checkbox column; exposed so the template can offset a sticky first column. */
+    protected readonly checkboxColumnWidth = 56;
+    protected readonly viewport: _angular_core.Signal<CdkVirtualScrollViewport | undefined>;
+    protected readonly headerScroll: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    /** Horizontal-scroll state, mirroring the existing table's `scrollSettings`. */
+    protected readonly scrollStart: _angular_core.WritableSignal<boolean>;
+    protected readonly scrollEnd: _angular_core.WritableSignal<boolean>;
+    protected readonly horizontalScroll: _angular_core.WritableSignal<boolean>;
+    /**
+     * Measured width (px) of the body viewport's vertical scrollbar. Reserved as right padding on the
+     * header so the header's content width exactly equals the body's, keeping every column — including
+     * the last — aligned between header and body regardless of browser/scrollbar behaviour.
+     */
+    protected readonly scrollbarWidth: _angular_core.WritableSignal<number>;
+    /** Guards `loadMore` to a single emission per approach to the end. */
+    private loadMoreArmed;
+    protected readonly skeletonTheme: {
+        background: string;
+        'border-radius': string;
+        height: string;
+        'margin-bottom': string;
+    };
+    protected readonly lastStickyKey: _angular_core.Signal<string | undefined>;
+    protected readonly firstStickyKey: _angular_core.Signal<string | undefined>;
+    /** Real rows, with skeleton placeholders in first-load / load-more states, as one virtual list. */
+    protected readonly renderRows: _angular_core.Signal<RenderRow<T>[]>;
+    protected readonly hasData: _angular_core.Signal<boolean>;
+    /** The virtualized body is shown for the first-load skeletons and whenever there are rows. */
+    protected readonly showViewport: _angular_core.Signal<boolean>;
+    protected readonly showEmptyState: _angular_core.Signal<boolean>;
+    protected readonly showErrorState: _angular_core.Signal<boolean>;
+    protected readonly showErrorFooter: _angular_core.Signal<boolean>;
+    /** Viewport height shrinks to the content and is capped at `maxHeight` (CSS `min()` mixes units). */
+    protected readonly viewportHeight: _angular_core.Signal<string>;
+    /** Screen-reader announcement for the busy states. */
+    protected readonly statusMessage: _angular_core.Signal<"Loading" | "Loading more rows" | "">;
+    protected readonly errorContext: InfiniteScrollTableErrorContext;
+    protected readonly renderRowTrackBy: TrackByFunction<RenderRow<T>>;
+    constructor();
+    protected getCellValue(item: T, key: string): unknown;
+    /**
+     * Content-independent flex-basis for a column: its declared width, else its min-width, else the
+     * default. Using this (instead of `flex-basis: auto`) makes header and body cells size identically
+     * so every column stays aligned regardless of the text inside header vs body cells.
+     */
+    protected cellBasis(column: InfiniteScrollTableColumn<T>): string;
+    protected onRowClick(row: RenderRow<T>): void;
+    /**
+     * Whether a row should show the selected highlight. Mirrors `ui-table`: only when `selectable` is
+     * enabled and the row's data carries a truthy `selected` property. Skeleton rows are never selected.
+     */
+    protected isRowSelected(row: RenderRow<T>): boolean;
+    /** Emits the new selection state when a row's checkbox is toggled. Consumer-managed, like `ui-table`. */
+    protected onSelectionToggle(row: RenderRow<T>, selected: boolean): void;
+    /**
+     * Left offset (px) for a sticky-start consumer column: when the checkbox column is present it must
+     * sit to the right of it, so the first sticky column is pushed over by the checkbox column width.
+     */
+    protected stickyStartOffset(column: InfiniteScrollTableColumn<T>): number | null;
+    /** Keyboard equivalent of a row click (Enter/Space) for the currently focused data row. */
+    protected onRowActivate(event: Event, row: RenderRow<T>): void;
+    private onRetry;
+    /** Keep the header horizontally aligned with the body and update the sticky-shadow state. */
+    private syncHorizontalScroll;
+    /**
+     * Emits `loadMore` once when the rendered range reaches the trigger zone near the end,
+     * re-arming when the user scrolls back out. Mirrors the app's `ngx-infinite-scroll` semantics.
+     */
+    private checkLoadMore;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InfiniteScrollTableComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InfiniteScrollTableComponent<any>, "ui-infinite-scroll-table", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": true; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "rowIdKey": { "alias": "rowIdKey"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "isCondensed": { "alias": "isCondensed"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingMore": { "alias": "loadingMore"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "skeletonRowCount": { "alias": "skeletonRowCount"; "required": false; "isSignal": true; }; "loadMoreThreshold": { "alias": "loadMoreThreshold"; "required": false; "isSignal": true; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; "isSignal": true; }; "errorTemplate": { "alias": "errorTemplate"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, { "loadMore": "loadMore"; "retry": "retry"; "rowClick": "rowClick"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+declare class InfiniteScrollTableComponentModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InfiniteScrollTableComponentModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InfiniteScrollTableComponentModule, never, [typeof i1.CommonModule, typeof i2.ScrollingModule, typeof InfiniteScrollTableComponent], [typeof InfiniteScrollTableComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<InfiniteScrollTableComponentModule>;
+}
+
+export { InfiniteScrollTableComponent, InfiniteScrollTableComponentModule };
+export type { InfiniteScrollTableColumn, InfiniteScrollTableColumnAlignment, InfiniteScrollTableColumnStyles, InfiniteScrollTableErrorContext, InfiniteScrollTableRowClick, InfiniteScrollTableRowSelection };