@softheon/armature 17.12.6 → 17.13.1

package/ag-grid-components/src/sof-table/sof-table.component.d.ts

@@ -1,23 +1,24 @@
-import { AfterViewInit, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { PageEvent } from '@angular/material/paginator';
-import { ColDef, GridApi, GridReadyEvent, PaginationChangedEvent } from "ag-grid-community";
+import { ElementRef, OnChanges, OnInit, SimpleChanges, WritableSignal } from '@angular/core';
+import { ColDef, GridReadyEvent, PaginationChangedEvent } from "ag-grid-community";
 import * as i0 from "@angular/core";
 /** The Softheon Armature Table component */
-export declare class SofTableComponent implements OnInit, OnChanges, AfterViewInit {
+export declare class SofTableComponent implements OnInit, OnChanges {
     /** The language text or a key that will be shown in this component */
     rowData: any[];
     /** Column Definitions: Defines & controls grid columns. */
     colDefs: ColDef[];
     /** Size modes for table */
-    sizeMode: 'Compact' | 'Roomy' | 'Default';
+    private sizeMode;
     /** Pages sizes */
-    paginationPageSizeSelector: number[];
+    paginationPageSizeSelector: Array<number>;
     /** Enable search */
     enableSearch: boolean;
     /** Enable custom text filter dropdowns */
     enableFilter: boolean;
     /** Enable Checkbox selection */
-    enableCheckboxSelection: boolean;
+    private enableCheckboxSelection;
+    /** the search input */
+    gridSearchTextInput: ElementRef<HTMLInputElement>;
     /** Column names that should be filterable */
     colFilters: SofTableFilter[];
     /** Show filter */
@@ -27,13 +28,11 @@ export declare class SofTableComponent implements OnInit, OnChanges, AfterViewIn
     /** Current Page Index */
     currentPage: number;
     /** Grid API */
-    gridApi: GridApi;
-    /**Page Event from Paginator */
-    pageEvent: PageEvent;
+    private gridApi;
+    /** Is the table ready to be displayed */
+    isGridDataRendered: WritableSignal<boolean>;
     /** Default Page Size */
     paginationPageSize: number;
-    /** Current Page size selector */
-    currentPageSizeSelector: string;
     /** Tool tip show delay */
     tooltipShowDelay: number;
     /** Default Column Definition */
@@ -54,32 +53,35 @@ export declare class SofTableComponent implements OnInit, OnChanges, AfterViewIn
     filterOpenState: boolean;
     /** The list of filters and the selected values */
     filterSelections: string[][];
-    constructor();
     /** On component init */
     ngOnInit(): void;
-    /** Actions to take once view is initialized */
-    ngAfterViewInit(): void;
     /**
      * Angular On Changes
      * @param changes The input changes
      */
     ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * On page selection change
-     * @param value The selected page number
-     */
-    onChange(value: any): void;
     /**
      * Called when the grid has ingested the input data
-     * @param params Grid Ready Event
+     * @param params Grid Ready Event,
+     * The grid has initialized and is ready for most api calls, but may not be fully rendered yet.
+     * @note you can not access this.gridApi before this function is run,
+     * any attempts to access this.gridApi in this components ngOnInit or the first ngOnChanges cycle
+     * will result in a type error; being this.gridApi is undefined at that time.
      */
     onGridReady(params: GridReadyEvent): void;
+    /** Fired the first time data is rendered into the grid. */
+    onFirstDataRendered(): void;
+    /**
+     * On page selection change
+     * @param value The selected page number
+     */
+    onChange(value: number): void;
     /** On next page event */
     nextPage(): void;
     /** On Previous Page Event */
     previousPage(): void;
     /** Resize grid from size mode */
-    resizeGrid(): void;
+    private resizeGrid;
     /**
      * On Change Page Size Event
      * @param event The pagination event
@@ -88,7 +90,7 @@ export declare class SofTableComponent implements OnInit, OnChanges, AfterViewIn
     /** Called when the grid filter is changed */
     onFilterChanged(): void;
     /** Generated text for showing pages in format: 1-11 of 11 */
-    handlePageChangeText(): void;
+    private handlePageChangeText;
     /**
      * Apply the search filter on data when search text changed
      */
@@ -109,7 +111,7 @@ export declare class SofTableComponent implements OnInit, OnChanges, AfterViewIn
     /** Populates the filter dropdowns */
     private populateFilters;
     static ɵfac: i0.ɵɵFactoryDeclaration<SofTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SofTableComponent, "sof-table", never, { "rowData": { "alias": "rowData"; "required": false; }; "colDefs": { "alias": "colDefs"; "required": false; }; "sizeMode": { "alias": "sizeMode"; "required": false; }; "paginationPageSizeSelector": { "alias": "paginationPageSizeSelector"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "enableFilter": { "alias": "enableFilter"; "required": false; }; "enableCheckboxSelection": { "alias": "enableCheckboxSelection"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SofTableComponent, "sof-table", never, { "rowData": { "alias": "rowData"; "required": false; }; "colDefs": { "alias": "colDefs"; "required": false; }; "sizeMode": { "alias": "sizeMode"; "required": false; }; "paginationPageSizeSelector": { "alias": "paginationPageSizeSelector"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "enableFilter": { "alias": "enableFilter"; "required": false; }; "enableCheckboxSelection": { "alias": "enableCheckboxSelection"; "required": false; }; }, {}, never, ["[sof-table-right-container]"], false, never>;
 }
 /** Used for setting filter values */
 declare class SofTableFilter {

package/assets/styles/_variables.scss

@@ -26,4 +26,7 @@ $surface-color-default-light: #FFFFFF;
 $surface-color-level-one-light: #FAFAFA;
 $surface-color-level-two-light: #F5F5F5;
 $surface-color-level-three-light: #E9E9E9;
+
 $surface-color-inverse-light: #333333;
+$surface-color-inverse-level-one-light: #424242;
+$surface-color-inverse-level-two-light: #515151;

package/assets/styles/sof-styles.scss

@@ -1922,7 +1922,6 @@ mat-card {
   }
   &.below {
     overflow: initial;
-    margin-top: 0.75rem;
     &:after {
       top: -0.5rem;
       right: calc(50% - 0.3rem);
@@ -1936,7 +1935,7 @@ mat-card {
 
   &.above {
     overflow: initial;
-    margin-bottom: 0.75rem;
+    margin-bottom: 1.25rem;
     &:after {
       bottom: -0.5rem;
       right: calc(50% - 0.3rem);
@@ -1978,6 +1977,11 @@ mat-card {
   }
 }
 
+::ng-deep .cdk-overlay-container .cdk-overlay-pane {
+  &.mat-mdc-tooltip-panel {
+    transform: none !important;
+  }
+}
 
 .mat-mdc-chip {
   font-style: normal !important;