@sebgroup/green-angular 3.3.0 → 3.4.0

package/index.d.ts

@@ -12,4 +12,5 @@ export * from './lib/shared';
 export * from './lib/slider';
 export * from './lib/in-page-wizard';
 export * from './lib/context-menu';
+export * from './lib/cell-table';
 export * from './lib/shared/core-element';

package/lib/cell-table/cell-table-item.component.d.ts

@@ -0,0 +1,14 @@
+import { TableHeaderListValueType } from './cell-table.types';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class CellTableItemComponent {
+    private sanitizer;
+    row: any;
+    valueType: TableHeaderListValueType;
+    id: string;
+    constructor(sanitizer: DomSanitizer);
+    getSignColor: (value: string | number) => "" | "text-danger" | "text-success";
+    transformHTML(value: string): SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CellTableItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CellTableItemComponent, "[nggCellTableItem]", never, { "row": "row"; "valueType": "valueType"; "id": "id"; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,44 @@
+import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { TableHeaderListItem, TableHeaderListValueType, TableRow } from './cell-table.types';
+import * as i0 from "@angular/core";
+export declare class NggCellTableComponent {
+    items: QueryList<ElementRef>;
+    /** Cell min-width to force same width on small screens */
+    minWidth?: number;
+    /** Make the most left element wrap */
+    overflowReverse: boolean;
+    /** Element class name */
+    className?: string;
+    /** List of table headers */
+    headerList: TableHeaderListItem[];
+    /** List of data */
+    rows: TableRow[];
+    /** Make rows clickable and add arrow to the right */
+    clickableRows: boolean;
+    /** Label for the chevron of clickable rows */
+    clickLabel: string;
+    /** Callback when a row is clicked */
+    rowClicked: EventEmitter<TableRow>;
+    /**
+     * handles the logic for when a row is clicked
+     * @param {TableRowClickedEvent} value the TableRowClickedEvent
+     */
+    handleClickRow: (value: TableRow) => void;
+    getValueTypeFromMain: () => TableHeaderListValueType;
+    getTableHeaderListValueFromNonMain: (header: TableHeaderListItem) => TableHeaderListValueType;
+    mainHeader: (row: TableRow) => {
+        value: any;
+        valueType: "string" | "number" | "date" | "datetime" | "bool" | "custom-html" | "sign" | "streamSign";
+        tableKeySelector: string;
+    } | {
+        value: string;
+        valueType: string;
+        tableKeySelector: string;
+    };
+    headerNoneMain: (headers: TableHeaderListItem[]) => TableHeaderListItem<Record<string, unknown>>[];
+    getTableKeySelector: (row: TableRow) => string;
+    trackByrowId(_: any, b: TableRow): string | number;
+    KeySelector(_: any, b: TableHeaderListItem): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggCellTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggCellTableComponent, "ngg-cell-table", never, { "minWidth": "minWidth"; "overflowReverse": "overflowReverse"; "className": "className"; "headerList": "headerList"; "rows": "rows"; "clickableRows": "clickableRows"; "clickLabel": "clickLabel"; }, { "rowClicked": "rowClicked"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./cell-table.component";
+import * as i2 from "./cell-table-item.component";
+import * as i3 from "./cell-underline.directive";
+import * as i4 from "@angular/common";
+export declare class NggCellTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggCellTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggCellTableModule, [typeof i1.NggCellTableComponent, typeof i2.CellTableItemComponent, typeof i3.SlidingUnderlineDirective], [typeof i4.CommonModule], [typeof i1.NggCellTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggCellTableModule>;
+}

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

@@ -0,0 +1,34 @@
+export default class Table {
+    constructor(table: {
+        data: TableRow[];
+        header: TableHeaderListItem[];
+    });
+    data: TableRow[];
+    header: TableHeaderListItem[];
+}
+/** The type of a data the values in a column represent  */
+export declare type TableHeaderListValueType = 'number' | 'string' | 'date' | 'datetime' | 'bool' | 'custom-html' | 'sign' | 'streamSign' | '';
+/** Table Header List Item Interface */
+export interface TableHeaderListItem<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** The label displayed */
+    label: string;
+    /** the key selector corresponding to to the TableList Item which this column is targeting */
+    tableKeySelector: string;
+    /** the type of value: string, date or number */
+    valueType?: TableHeaderListValueType;
+    /** the main field for stacked table */
+    main?: boolean;
+}
+export interface TableRow {
+    [prop: string]: any;
+    rowId: string | number;
+}
+/** The information on the currently selected sort: column name, type and asc/desc  */
+export interface SortInfo<T extends Record<string, unknown> = {
+    [k: string]: any;
+}> {
+    /** column name */
+    column: keyof T;
+    /** is ascending (false for descending) */
+    isAscending: boolean;
+}

package/lib/cell-table/cell-underline.directive.d.ts

@@ -0,0 +1,14 @@
+import { ElementRef, SimpleChanges, OnChanges, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SlidingUnderlineDirective implements OnInit, OnChanges {
+    private element;
+    constructor(element: ElementRef<HTMLElement>);
+    nggSlidingUnderline: any;
+    key?: any;
+    disabled?: boolean;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    addAnimation(current: any, previous: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlidingUnderlineDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SlidingUnderlineDirective, "[nggSlidingUnderline]", never, { "nggSlidingUnderline": "nggSlidingUnderline"; "key": "key"; "disabled": "disabled"; }, {}, never, never, false, never>;
+}

package/lib/cell-table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './cell-table.component';
+export * from './cell-table.module';
+export * from './cell-table.types';

package/lib/green-angular.module.d.ts

@@ -11,9 +11,10 @@ import * as i9 from "./segmented-control/segmented-control.module";
 import * as i10 from "./slider/slider.module";
 import * as i11 from "./context-menu/context-menu.module";
 import * as i12 from "./in-page-wizard/in-page-wizard.module";
-import * as i13 from "./shared/shared.module";
+import * as i13 from "./cell-table/cell-table.module";
+import * as i14 from "./shared/shared.module";
 export declare class NggModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NggModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NggModule, never, [typeof i1.CommonModule], [typeof i2.NggAccordionModule, typeof i3.NggBadgeModule, typeof i4.NggButtonModule, typeof i5.NggDatepickerModule, typeof i6.NggDropdownModule, typeof i7.NggModalModule, typeof i8.NggProgressCircleModule, typeof i9.NggSegmentedControlModule, typeof i10.NggSliderModule, typeof i11.NggContextMenuModule, typeof i12.NggInPageWizardModule, typeof i13.NggSharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggModule, never, [typeof i1.CommonModule], [typeof i2.NggAccordionModule, typeof i3.NggBadgeModule, typeof i4.NggButtonModule, typeof i5.NggDatepickerModule, typeof i6.NggDropdownModule, typeof i7.NggModalModule, typeof i8.NggProgressCircleModule, typeof i9.NggSegmentedControlModule, typeof i10.NggSliderModule, typeof i11.NggContextMenuModule, typeof i12.NggInPageWizardModule, typeof i13.NggCellTableModule, typeof i14.NggSharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NggModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-angular",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "peerDependencies": {
     "@angular/cdk": ">=15.2.9",
     "@angular/common": ">=15.2.9",
@@ -11,8 +11,8 @@
     "rxjs": ">=6.5.3"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.7.0",
-    "@sebgroup/chlorophyll": "^3.1.0",
+    "@sebgroup/green-core": "^1.8.0",
+    "@sebgroup/chlorophyll": "^3.1.1",
     "@sebgroup/extract": "^3.0.1",
     "tslib": "^2.3.1"
   },