@ifsworld/granite-components 11.5.0 → 11.7.0

package/index.d.ts

@@ -61,3 +61,7 @@ export * from './lib/card-list/card/card-avatar.component';
 export * from './lib/card-list/card/card-content/card-header-title.component';
 export * from './lib/card-list/card/card-content/card-header-subtitle.component';
 export * from './lib/card-list/card/card-content/card-footer.component';
+export * from './lib/collapsible-group/collapsible-group.module';
+export * from './lib/collapsible-group/collapsible-group.component';
+export * from './lib/collapsible-group/collapsible-group-body.directive';
+export * from './lib/collapsible-group/collapsible-group-header.directive';

package/lib/collapsible-group/collapsible-group-body.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class GraniteCollapsibleConditionalBodyDirective {
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCollapsibleConditionalBodyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCollapsibleConditionalBodyDirective, "[graniteCollapsibleGroupBody]", ["graniteCollapsibleGroupBody"], {}, {}, never, never, false, never>;
+}

package/lib/collapsible-group/collapsible-group-header.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class GraniteCollapsibleConditionalHeaderDirective {
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCollapsibleConditionalHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCollapsibleConditionalHeaderDirective, "[graniteCollapsibleGroupHeader]", ["graniteCollapsibleGroupHeader"], {}, {}, never, never, false, never>;
+}

package/lib/collapsible-group/collapsible-group.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import { GraniteCollapsibleConditionalBodyDirective } from './collapsible-group-body.directive';
+import { GraniteCollapsibleConditionalHeaderDirective } from './collapsible-group-header.directive';
+import * as i0 from "@angular/core";
+export declare class GraniteCollapsibleGroupComponent {
+    collapsed: boolean;
+    id: string;
+    arialabel: string | null;
+    readonly collapsedChanged: EventEmitter<boolean>;
+    conditionalBodyContentRef: GraniteCollapsibleConditionalBodyDirective;
+    conditionalHeaderContentRef: GraniteCollapsibleConditionalHeaderDirective;
+    toggleCollapsibleGroup(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCollapsibleGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteCollapsibleGroupComponent, "granite-collapsible-group", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "id": { "alias": "id"; "required": false; }; "arialabel": { "alias": "arialabel"; "required": false; }; }, { "collapsedChanged": "collapsedChanged"; }, ["conditionalBodyContentRef", "conditionalHeaderContentRef"], never, false, never>;
+}

package/lib/collapsible-group/collapsible-group.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./collapsible-group.component";
+import * as i2 from "./collapsible-group-header.directive";
+import * as i3 from "./collapsible-group-body.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "../icon/icon.module";
+export declare class GraniteCollapsibleGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCollapsibleGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteCollapsibleGroupModule, [typeof i1.GraniteCollapsibleGroupComponent, typeof i2.GraniteCollapsibleConditionalHeaderDirective, typeof i3.GraniteCollapsibleConditionalBodyDirective], [typeof i4.CommonModule, typeof i5.GraniteIconModule], [typeof i1.GraniteCollapsibleGroupComponent, typeof i2.GraniteCollapsibleConditionalHeaderDirective, typeof i3.GraniteCollapsibleConditionalBodyDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteCollapsibleGroupModule>;
+}

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "11.5.0",
+  "version": "11.7.0",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
-    "@angular/cdk": ">=16.2.12",
-    "@angular/common": ">=16.2.12",
-    "@angular/core": ">=16.2.12",
-    "@angular/platform-browser": ">=16.2.12",
-    "@angular/animations": ">=16.2.12",
-    "@angular/platform-browser-dynamic": ">=16.2.12",
+    "@angular/cdk": ">=17.3.4",
+    "@angular/common": ">=17.3.4",
+    "@angular/core": ">=17.3.4",
+    "@angular/platform-browser": ">=17.3.4",
+    "@angular/animations": ">=17.3.4",
+    "@angular/platform-browser-dynamic": ">=17.3.4",
     "@ifsworld/granite-icons": ">=1.0.0",
     "@ifsworld/token-interfaces": ">=1.0.0",
     "@ifsworld/granite-tokens": ">=5.0.0",
-    "rxjs": ">=6.6.3"
+    "rxjs": ">=7.8.1"
   },
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "2.6.2"
   },
   "module": "fesm2022/ifsworld-granite-components.mjs",
   "typings": "index.d.ts",

package/table/index.d.ts

@@ -2,4 +2,3 @@ export * from './lib/table.module';
 export * from './lib/table.component';
 export * from './lib/column/table-column.directive';
 export { GraniteTableCellConstants } from './lib/table-constants.library';
-export * from './lib/table.types';

package/table/lib/cell/cell-align/cell-align-classes.directive.d.ts

@@ -1,10 +1,9 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
+import { GranitTableColumnAlign } from '../../column/table-column.directive';
 import * as i0 from "@angular/core";
-export declare class GraniteCellAlignClassesDirective implements OnChanges {
+export declare class GraniteCellAlignClassesDirective {
     graniteCellAlignClasses?: string | string[];
-    rightAlign: boolean;
-    centerAlign: boolean;
-    ngOnChanges(changes: SimpleChanges): void;
+    textAlign: GranitTableColumnAlign;
+    get alignmentClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCellAlignClassesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCellAlignClassesDirective, "[graniteCellAlignClasses]", never, { "graniteCellAlignClasses": { "alias": "graniteCellAlignClasses"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteCellAlignClassesDirective, "[graniteCellAlignClasses]", never, { "graniteCellAlignClasses": { "alias": "graniteCellAlignClasses"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; }, {}, never, never, false, never>;
 }

package/table/lib/column/table-column.directive.d.ts

@@ -1,17 +1,23 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
+export type GranitTableColumnAlign = 'start' | 'center' | 'end';
+export type GranitTableColumnSize = 'small' | 'medium' | 'large';
 export interface GraniteTableColumnInterface {
     name: string;
     title?: string;
     class?: string | string[];
     headerClass?: string | string[];
+    textAlign?: GranitTableColumnAlign;
+    size?: GranitTableColumnSize;
 }
 export declare class GraniteTableColumnDirective implements GraniteTableColumnInterface {
     name: string;
     title?: string;
     class?: string | string[];
     headerClass?: string | string[];
+    textAlign: GranitTableColumnAlign;
+    size: GranitTableColumnSize;
     tableCellTemplateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTableColumnDirective, "granite-table-column", never, { "name": { "alias": "name"; "required": false; }; "title": { "alias": "title"; "required": false; }; "class": { "alias": "class"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; }, {}, ["tableCellTemplateRef"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTableColumnDirective, "granite-table-column", never, { "name": { "alias": "name"; "required": false; }; "title": { "alias": "title"; "required": false; }; "class": { "alias": "class"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, ["tableCellTemplateRef"], never, false, never>;
 }

package/table/lib/column-size/column-size.directive.d.ts

@@ -0,0 +1,11 @@
+import { OnChanges } from '@angular/core';
+import { GranitTableColumnSize } from '../column/table-column.directive';
+import * as i0 from "@angular/core";
+export declare class GraniteColumnSizeDirective implements OnChanges {
+    graniteColumnSize: GranitTableColumnSize;
+    get columnSizeClass(): string;
+    private readonly sizeMap;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteColumnSizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteColumnSizeDirective, "[graniteColumnSize]", never, { "graniteColumnSize": { "alias": "graniteColumnSize"; "required": false; }; }, {}, never, never, false, never>;
+}

package/table/lib/table-constants.library.d.ts

@@ -1,8 +1,6 @@
 export declare class GraniteTableCellConstants {
     static readonly CELL_ID_PREFIX: string;
-    static readonly RIGHT_ALIGN: string;
+    static readonly START_ALIGN: string;
     static readonly CENTER_ALIGN: string;
-}
-export declare class GraniteTableConstants {
-    static readonly STYLE_CLASS: string;
+    static readonly END_ALIGN: string;
 }

package/table/lib/table.component.d.ts

@@ -1,17 +1,19 @@
-import { AfterContentInit, QueryList, TrackByFunction } from '@angular/core';
+import { AfterContentChecked, ChangeDetectorRef, QueryList, TrackByFunction } from '@angular/core';
 import { GraniteTableColumnDirective } from './column/table-column.directive';
-import { ResponsiveLayout } from './table.types';
 import * as i0 from "@angular/core";
-export declare class GraniteTableComponent<T> implements AfterContentInit {
+export declare class GraniteTableComponent<T> implements AfterContentChecked {
+    private cd;
     dataSource: any[];
+    horizontalScroll: boolean;
     trackBy: TrackByFunction<T>;
-    layout: ResponsiveLayout;
     tableColumnsComponent: QueryList<GraniteTableColumnDirective>;
-    readonly styleClass: string;
     readonly cellIdPrefix: string;
     _columns: GraniteTableColumnDirective[];
-    ngAfterContentInit(): void;
+    _displayedColumns: string[];
+    constructor(cd: ChangeDetectorRef);
+    ngAfterContentChecked(): void;
     _trackColumnName(index: number, column: GraniteTableColumnDirective): string;
+    private refreshData;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableComponent<any>, "granite-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, {}, ["tableColumnsComponent"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteTableComponent<any>, "granite-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "horizontalScroll": { "alias": "horizontalScroll"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; }, {}, ["tableColumnsComponent"], never, false, never>;
 }

package/table/lib/table.module.d.ts

@@ -4,11 +4,13 @@ import * as i2 from "./column/table-column.directive";
 import * as i3 from "./cell/table-header-cell.component";
 import * as i4 from "./cell/table-data-cell.component";
 import * as i5 from "./cell/cell-align/cell-align-classes.directive";
-import * as i6 from "@angular/common";
-import * as i7 from "primeng/table";
-import * as i8 from "@ifsworld/granite-components";
+import * as i6 from "./column-size/column-size.directive";
+import * as i7 from "@angular/common";
+import * as i8 from "primeng/table";
+import * as i9 from "@ifsworld/granite-components";
+import * as i10 from "@angular/cdk/table";
 export declare class GraniteTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteTableModule, [typeof i1.GraniteTableComponent, typeof i2.GraniteTableColumnDirective, typeof i3.GraniteTableHeaderCellComponent, typeof i4.GraniteTableDataCellComponent, typeof i5.GraniteCellAlignClassesDirective], [typeof i6.CommonModule, typeof i7.TableModule, typeof i8.PurePipesModule], [typeof i1.GraniteTableComponent, typeof i2.GraniteTableColumnDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteTableModule, [typeof i1.GraniteTableComponent, typeof i2.GraniteTableColumnDirective, typeof i3.GraniteTableHeaderCellComponent, typeof i4.GraniteTableDataCellComponent, typeof i5.GraniteCellAlignClassesDirective, typeof i6.GraniteColumnSizeDirective], [typeof i7.CommonModule, typeof i8.TableModule, typeof i9.PurePipesModule, typeof i10.CdkTableModule], [typeof i1.GraniteTableComponent, typeof i2.GraniteTableColumnDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GraniteTableModule>;
 }

package/esm2022/table/lib/table.types.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUudHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy90YWJsZS9zcmMvbGliL3RhYmxlLnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBSZXNwb25zaXZlTGF5b3V0ID0gJ3N0YWNrJyB8ICdzY3JvbGwnO1xuIl19

package/table/lib/table.types.d.ts

@@ -1 +0,0 @@
-export type ResponsiveLayout = 'stack' | 'scroll';