@ascentgl/ads-ui 20.27.1 → 20.28.0

package/index.d.ts

@@ -43,7 +43,7 @@ import { MatDialogRef } from '@angular/material/dialog';
 import * as i7 from '@angular/material/expansion';
 import { MatExpansionPanel, MatAccordion } from '@angular/material/expansion';
 import * as ag_grid_community from 'ag-grid-community';
-import { GridOptions, ColDef, GridApi, GridReadyEvent, FirstDataRenderedEvent } from 'ag-grid-community';
+import { GridOptions, ColDef, GridApi, SortChangedEvent, FilterChangedEvent, GridReadyEvent, FirstDataRenderedEvent } from 'ag-grid-community';
 import * as i4$6 from 'ag-grid-angular';
 import * as i4$7 from '@angular/material/menu';
 import { MatMenu } from '@angular/material/menu';
@@ -210,8 +210,10 @@ declare class AdsButtonComponent {
     size: i0.InputSignal<Size>;
     /** Sets the "type" attribute on the button */
     type: i0.InputSignal<"button" | "submit" | "reset">;
+    /** Makes the button take 100% width of its container */
+    fullWidth: i0.InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsButtonComponent, "ads-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsButtonComponent, "ads-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class AdsButtonModule {
@@ -2034,6 +2036,12 @@ declare class AdsRadioButtonModule {
 declare class AdsSlideToggleComponent extends AbstractBaseComponent {
     /** Set to "true" to make the toggle title "Yes" or "No" */
     enableYesOrNo: boolean;
+    /**
+     * Optional custom titles for the toggle states.
+     * Array with two strings: [enabled_text, disabled_text]
+     * Example: ['Show', 'Hide'] or ['Active', 'Inactive']
+     */
+    customTitles?: [string, string];
     /** @ignore */
     valueControl: FormControl;
     /** Form control, associated with input field */
@@ -2048,8 +2056,10 @@ declare class AdsSlideToggleComponent extends AbstractBaseComponent {
     toggle(): void;
     /** @ignore */
     getTitle(enabled: boolean): string;
+    /** @ignore */
+    getToggleWidth(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsSlideToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsSlideToggleComponent, "ads-slide-toggle", never, { "enableYesOrNo": { "alias": "enableYesOrNo"; "required": false; }; "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsSlideToggleComponent, "ads-slide-toggle", never, { "enableYesOrNo": { "alias": "enableYesOrNo"; "required": false; }; "customTitles": { "alias": "customTitles"; "required": false; }; "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class AdsSlideToggle {
@@ -2334,10 +2344,17 @@ declare enum TableBreakpoint {
     LG = "lg",
     XL = "xl"
 }
+interface ColumnVisibilityControl {
+    field: string;
+    headerName: string;
+    control: FormControl<boolean>;
+}
 declare class AdsTableComponent implements AfterViewInit, OnDestroy {
     private elementRef;
+    private registry;
+    private cdr;
     /** @ignore */
-    constructor(elementRef: ElementRef);
+    constructor(elementRef: ElementRef, registry: AdsIconRegistry, cdr: ChangeDetectorRef);
     /**  The grid's width */
     width: string;
     /**  The grid's height */
@@ -2356,23 +2373,98 @@ declare class AdsTableComponent implements AfterViewInit, OnDestroy {
     loading: boolean;
     /**  Columns data by breakPoints */
     columnDefsByBreakpoint: Record<TableBreakpoint, ColDef[]>;
+    /**  Show/hide the header with column visibility button */
+    showHeaderActions: boolean;
+    /** @ignore */
+    hideColumnButton: ElementRef;
     /** @ignore */
     tableColumnDefs: i0.WritableSignal<ColDef<any, any>[]>;
     /** @ignore */
+    columnVisibilityList: i0.WritableSignal<ColumnVisibilityControl[]>;
+    /** @ignore */
+    isDropdownOpen: boolean;
+    /** @ignore */
+    dropdownPosition: {
+        top: string;
+        left: string;
+    };
+    /** @ignore */
+    private destroy$;
+    /** @ignore */
     private cachedDefaultColDef;
     /** @ignore */
     private currentBreakpoint?;
     /** @ignore */
     private resizeObserver?;
     /** @ignore */
+    gridApi?: GridApi;
+    /** @ignore */
+    private truncationStates;
+    /** @ignore */
+    private currentSortField;
+    /** @ignore */
+    private currentSortDirection;
+    /** @ignore */
+    filteredColumns: string[];
+    /** @ignore */
     private getBreakpoint;
     /** @ignore */
     getDefaultColDef(): ColDef<GENERIC_COLLECTION>;
     /** @ignore */
-    gridApi?: GridApi;
-    /** @ignore */
     ngAfterViewInit(): void;
     /** @ignore */
+    private initializeColumnVisibility;
+    /** @ignore */
+    private unsubscribeFromControls;
+    /** @ignore */
+    private getActiveColumnDefs;
+    /** @ignore */
+    openColumnVisibilityDropdown(): void;
+    /** @ignore */
+    private onDocumentClick;
+    /** @ignore */
+    closeDropdown(): void;
+    /** @ignore */
+    onDropdownClick(event: Event): void;
+    /** @ignore */
+    hideAllColumns(): void;
+    /** @ignore */
+    showAllColumns(): void;
+    /** @ignore */
+    get allColumnsVisible(): boolean;
+    /** @ignore */
+    get allColumnsHidden(): boolean;
+    /** @ignore */
+    get hiddenColumnsCount(): number;
+    /** @ignore */
+    get hideColumnButtonLabel(): string;
+    /** @ignore */
+    get sortButtonLabel(): string;
+    /** @ignore */
+    get filterButtonLabel(): string;
+    /** @ignore */
+    get isSortedTable(): boolean;
+    /** @ignore */
+    get isFilteredTable(): boolean;
+    /** @ignore */
+    private updateSortingState;
+    /** @ignore */
+    private updateFilteringState;
+    /** @ignore */
+    private onSortChanged;
+    /** @ignore */
+    private onFilterChanged;
+    /** @ignore */
+    sortChanged($event: SortChangedEvent): void;
+    /** @ignore */
+    filterChanged($event: FilterChangedEvent): void;
+    /** @ignore */
+    clearAllFilters(): void;
+    /** @ignore */
+    clearAllSorting(): void;
+    /** @ignore */
+    private updateGridColumns;
+    /** @ignore */
     private onGridReady;
     /** @ignore */
     private onFirstDataRendered;
@@ -2387,15 +2479,36 @@ declare class AdsTableComponent implements AfterViewInit, OnDestroy {
     /** @ignore */
     private getFallbackColumnDefs;
     /** @ignore */
+    private updateTruncationStates;
+    /** @ignore */
+    getTooltipDisabled(headerName: string): boolean;
+    /** @ignore */
     ngOnDestroy(): void;
     protected readonly themeQuartz: ag_grid_community.Theme<ag_grid_community.ThemeDefaultParams>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTableComponent, "ads-table", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "gridOptions": { "alias": "gridOptions"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "defaultColDef": { "alias": "defaultColDef"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnDefsByBreakpoint": { "alias": "columnDefsByBreakpoint"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTableComponent, "ads-table", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "gridOptions": { "alias": "gridOptions"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "defaultColDef": { "alias": "defaultColDef"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnDefsByBreakpoint": { "alias": "columnDefsByBreakpoint"; "required": false; }; "showHeaderActions": { "alias": "showHeaderActions"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class AdsTableButtonComponent {
+    /** The unique ID for the button */
+    id: i0.InputSignal<string>;
+    /** Whether the button is disabled */
+    disabled: i0.InputSignal<boolean>;
+    /** Makes the button take 100% width of its container */
+    fullWidth: i0.InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTableButtonComponent, "ads-table-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class AdsTableButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsTableButtonModule, [typeof AdsTableButtonComponent], [typeof i2.CommonModule, typeof i3$1.MatButtonModule], [typeof AdsTableButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsTableButtonModule>;
 }
 
 declare class AdsTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsTableModule, [typeof AdsTableComponent], [typeof i2.CommonModule, typeof i4.AdsIconModule, typeof i4$6.AgGridAngular], [typeof AdsTableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsTableModule, [typeof AdsTableComponent], [typeof i2.CommonModule, typeof i4.AdsIconModule, typeof i4$6.AgGridAngular, typeof i2$1.MatDialogModule, typeof AdsSlideToggle, typeof AdsButtonModule, typeof AdsTableButtonModule, typeof AdsDividerModule, typeof i16.MatTooltip], [typeof AdsTableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsTableModule>;
 }
 
@@ -3184,4 +3297,4 @@ declare class AdsProgressStepperModule {
 }
 
 export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsCreateTagComponent, AdsCreateTagModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsMainMenuComponent, AdsMainMenuModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsProgressStepperComponent, AdsProgressStepperModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus };
-export type { AdsModalData, Breadcrumb, Copyright, DROP_CALLBACK_INDEXES, DividerStyle, ErrorPageConfig, ErrorPageInfoColumn, HorizontalNavLink, IconButtonSize, Link, MainMenuItem, NavItem, NavMenuItem, NumericStep, ProgressStep, ScmsNavItem, ScmsNavSubItem, Size, SnackBarData, Step, Tab, Tag, UNSUBSCRIBE_FUNCTIONS_COLLECTION, Variant, WizardStep };
+export type { AdsModalData, Breadcrumb, ColumnVisibilityControl, Copyright, DROP_CALLBACK_INDEXES, DividerStyle, ErrorPageConfig, ErrorPageInfoColumn, HorizontalNavLink, IconButtonSize, Link, MainMenuItem, NavItem, NavMenuItem, NumericStep, ProgressStep, ScmsNavItem, ScmsNavSubItem, Size, SnackBarData, Step, Tab, Tag, UNSUBSCRIBE_FUNCTIONS_COLLECTION, Variant, WizardStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "20.27.1",
+  "version": "20.28.0",
   "peerDependencies": {
     "@angular/animations": ">=20.3.0",
     "date-fns": ">=4.1.0",