@testgorilla/tgo-ui 7.0.0-beta.0 → 7.0.0

package/components/stepper/stepper.component.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./stepper.component";
+import * as i2 from "./step-line-element.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@testgorilla/tgo-ui/components/icon";
+import * as i5 from "./step.component.module";
+import * as i6 from "@angular/material/progress-spinner";
+import * as i7 from "@testgorilla/tgo-ui/components/radial-progress";
+import * as i8 from "@testgorilla/tgo-ui/components/core";
+import * as i9 from "@angular/material/input";
+export declare class StepperComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperComponentModule, [typeof i1.StepperComponent, typeof i2.StepLineElementDirective], [typeof i3.CommonModule, typeof i4.IconComponentModule, typeof i5.StepComponentModule, typeof i6.MatProgressSpinnerModule, typeof i7.RadialProgressComponentModule, typeof i8.UiTranslatePipe, typeof i9.MatInputModule], [typeof i1.StepperComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StepperComponentModule>;
+}

package/components/stepper/stepper.model.d.ts

@@ -0,0 +1,23 @@
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { TemplateRef } from '@angular/core';
+export interface Step {
+    label: string;
+    isVisited?: boolean;
+    iconName?: IconName;
+    disabled?: boolean;
+    submitted?: boolean;
+    showIconWhenSelected?: boolean;
+    htmlDescription?: HtmlDescription[];
+    boldLabel?: boolean;
+    descriptionTpl?: TemplateRef<any>;
+    labelTooltip?: string;
+    alwaysShowIcon?: boolean;
+    context?: any;
+}
+export interface HtmlDescription {
+    text?: string;
+    iconName?: IconName;
+    iconTooltip?: string;
+}
+export type StepperPosition = 'horizontal' | 'vertical';
+export type StepperVariation = 'primary' | 'secondary';

package/components/table/index.d.ts

@@ -1,253 +1,5 @@
-import * as _angular_material_paginator from '@angular/material/paginator';
-import { PageEvent } from '@angular/material/paginator';
-import * as i0 from '@angular/core';
-import { Type, TemplateRef, OnChanges, AfterViewInit, OnInit, EventEmitter, ElementRef, DestroyRef, SimpleChanges, PipeTransform } from '@angular/core';
-import * as i11 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i4 from '@angular/material/table';
-import { MatTableDataSource } from '@angular/material/table';
-import * as i9 from '@angular/material/sort';
-import { Sort as Sort$1 } from '@angular/material/sort';
-import { Observable, BehaviorSubject } from 'rxjs';
-import * as i3 from '@angular/common';
-import * as i5 from '@angular/material/tooltip';
-import * as i6 from '@testgorilla/tgo-ui/components/skeleton';
-import * as i7 from '@testgorilla/tgo-ui/components/paginator';
-import * as i8 from '@testgorilla/tgo-ui/components/button';
-import * as i10 from '@testgorilla/tgo-ui/components/icon';
-
-interface TableConfig<T = any> {
-    columns: TableColumn<T>[];
-    pagination?: Pagination;
-    title?: string;
-    width?: number;
-    sort?: Sort;
-    hidePagination?: boolean;
-    noDataRowTpl?: TemplateRef<any>;
-    sortable?: boolean;
-}
-interface TableConfigWithPagination<T> extends TableConfig<T> {
-    pagination?: Pagination;
-}
-interface TableColumn<T = any> {
-    title?: string;
-    key: string;
-    allowMultiline?: boolean;
-    bold?: boolean;
-    showTooltip?: boolean;
-    tooltip?: string;
-    allowSort?: boolean;
-    isSticky?: boolean;
-    headerCellTemplate?: TemplateRef<any>;
-    rowCellTemplate?: TemplateRef<any>;
-    rowCellTemplateClick?: () => any;
-    sortHeader?: string;
-    hidden?: boolean;
-    order?: number;
-    fontSize?: '12px' | '14px';
-    field?: string;
-    type?: ColumnType;
-    function?: (v: T) => string;
-    renderer?: (v: T) => ComponentRenderer | string;
-    styles?: ColumnStyles;
-    sortStart?: SortDirection;
-    uniqueId?: string;
-}
-interface Pagination {
-    itemsPerPageOptions: number[];
-    itemsPerPage: number;
-    currentPage: number;
-    totalItems: number;
-}
-type TableData = Record<string, any>[];
-interface ColumnEllipse {
-    index: number;
-    showTooltip: boolean;
-}
-interface Sort {
-    active: string;
-    direction: SortDirection;
-    defaultSortStart?: SortDirection;
-}
-type SortDirection = 'asc' | 'desc' | '';
-interface TableDetailColumn<T, TDetail> {
-    columnDefs: TableColumn<TDetail>[];
-    setDetailRowData: (params: DetailRowDataParams<T, TDetail>) => void;
-}
-interface DetailRowDataParams<T, TDetail> {
-    data: T;
-    setDetailDataSource(rowData: TDetail[]): void;
-}
-declare enum ColumnType {
-    FIELD = "field",
-    FUNCTION = "function",
-    RENDERER = "renderer"
-}
-interface ComponentRenderer {
-    component: Type<any>;
-    inputs?: any;
-    outputs?: {
-        [key: string]: any;
-    };
-}
-interface ColumnStyles {
-    alignment?: ColumnAlignment;
-    width?: string;
-    'min-width'?: string;
-    padding?: string;
-}
-declare enum ColumnAlignment {
-    LEFT = "left",
-    RIGHT = "right",
-    CENTER = "center"
-}
-declare enum ColumnTypeEnum {
-    FIELD = "field",
-    FUNCTION = "function",
-    RENDERER = "renderer"
-}
-declare enum ColumnAlignmentEnum {
-    LEFT = "left",
-    RIGHT = "right",
-    CENTER = "center"
-}
-type DataSource = {
-    [key: string]: any;
-};
-type ScrollSettings = {
-    scrollEnd: boolean;
-    horizontalScroll: boolean;
-    scrollStart: boolean;
-};
-
-declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit, OnInit {
-    private readonly defaultAppTheme;
-    private destroyRef;
-    protected readonly isMobile$: Observable<boolean>;
-    /**
-     * Table configuration
-     *
-     * @type {TableConfig}
-     * @memberof TableComponent
-     */
-    config: TableConfigWithPagination<T>;
-    /**
-     * Input property for providing the table data.
-     *
-     * @type {TableData}
-     * @memberof TableComponent
-     */
-    data: TableData;
-    /**
-     * Input property indicating whether the table is in a loading state.
-     *
-     * @type {boolean}
-     * @memberof TableComponent
-     * @default false
-     */
-    loading: boolean;
-    /**
-     *
-     * Defines the application theme
-     * @type {ApplicationTheme}
-     * @memberof TableComponent
-     */
-    applicationTheme: ApplicationTheme;
-    /**
-     * Data structure to select which columns should be rendered and their capabilities
-     *
-     * @type {TableDetailColumn}
-     * @memberof TableComponent
-     */
-    tableDetailColumns: TableDetailColumn<T, TDetail>;
-    tableDetails: boolean;
-    /**
-     * Disable border radius for table
-     *
-     * @type {boolean}
-     * @memberof TableComponent
-     */
-    disableBorderRadius: boolean;
-    /**
-     * Condensed table
-     *
-     * @type {boolean}
-     * @memberof TableComponent
-     */
-    isCondensed: boolean;
-    /**
-     * Sticky header
-     *
-     * @type {boolean}
-     * @memberof TableComponent
-     */
-    stickyHeader: boolean;
-    /**
-     * Max height
-     *
-     * @type {string}
-     * @memberof TableComponent
-     */
-    maxHeight: string;
-    onRowClickEvent: EventEmitter<any>;
-    onDetailRowClickEvent: EventEmitter<any>;
-    paginatorChange: EventEmitter<PageEvent>;
-    sortChange: EventEmitter<Sort$1>;
-    table: ElementRef;
-    protected tableData: TableData;
-    protected sourceData: TableData;
-    protected columnsTooltipState: ColumnEllipse[];
-    protected tableConfig: TableConfigWithPagination<T>;
-    protected displayedColumns: string[];
-    protected columnsDetailToDisplay: string[];
-    protected skeletonStyleConfig: {
-        background: string;
-        'border-radius': string;
-        height: string;
-    };
-    protected dataSourceDetail: MatTableDataSource<any, _angular_material_paginator.MatPaginator>;
-    protected elementDetail: any;
-    protected readonly DataType: typeof ColumnType;
-    protected scrollSettings$: BehaviorSubject<ScrollSettings>;
-    constructor(defaultAppTheme: ApplicationTheme, destroyRef: DestroyRef, isMobile$: Observable<boolean>);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    hasTableScroll(): void;
-    callRenderer([rendererFn, element]: [(v: T) => ComponentRenderer | string, T]): any;
-    protected onPaginatorChange(event: PageEvent): void;
-    protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
-    protected onSortChange(sortState: Sort$1, emitEvent?: boolean): void;
-    protected onRowClick(rowParams: any, rowIndex: number): void;
-    protected onDetailRowClick(rowParams: any): void;
-    protected toggleRow(element: T): void;
-    private setTableDetailDataSource;
-    private setTableConfig;
-    private setTableData;
-    private defaultPaginationConfig;
-    trackColumnUniqueId: (index: number, column: TableColumn<T>) => string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], false, never>;
-}
-
-declare class SentenceCasePipe implements PipeTransform {
-    transform(value: string | undefined): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SentenceCasePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SentenceCasePipe, "sentencecase", false>;
-}
-
-declare class TableComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof TableComponent, typeof SentenceCasePipe], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatTooltipModule, typeof i6.SkeletonComponent, typeof i7.PaginatorComponentModule, typeof i8.ButtonComponentModule, typeof i9.MatSortModule, typeof i10.IconComponentModule, typeof i11.EllipseTextDirective, typeof i11.DynamicComponentDirective, typeof i11.DataPropertyGetterPipe, typeof i11.MemoizeFuncPipe], [typeof TableComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
-}
-
 /**
- * Sorting table columns by order value if set.
- * The rest columns keep the same ordering and displayed after the sorted ones.
+ * Generated bundle index. Do not edit.
  */
-declare const sortByOrder: <T>(columns: TableColumn<T>[]) => TableColumn<T>[];
-
-export { ColumnAlignment, ColumnAlignmentEnum, ColumnType, ColumnTypeEnum, SentenceCasePipe, TableComponent, TableComponentModule, sortByOrder };
-export type { ColumnEllipse, ColumnStyles, ComponentRenderer, DataSource, DetailRowDataParams, Pagination, ScrollSettings, Sort, SortDirection, TableColumn, TableConfig, TableConfigWithPagination, TableData, TableDetailColumn };
+/// <amd-module name="@testgorilla/tgo-ui/components/table" />
+export * from './public-api';

package/components/table/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './table.component';
+export * from './table.component.module';
+export * from './table.model';
+export * from './sentence-case.pipe';
+export * from './table.utils';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';

package/components/table/sentence-case.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SentenceCasePipe implements PipeTransform {
+    transform(value: string | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SentenceCasePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SentenceCasePipe, "sentencecase", false>;
+}

package/components/table/table.component.d.ts

@@ -0,0 +1,117 @@
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges, OnInit } from '@angular/core';
+import { ColumnEllipse, ColumnType, ComponentRenderer, DataSource, ScrollSettings, TableColumn, TableConfigWithPagination, TableData, TableDetailColumn } from './table.model';
+import { PageEvent } from '@angular/material/paginator';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { MatTableDataSource } from '@angular/material/table';
+import { Sort } from '@angular/material/sort';
+import { BehaviorSubject, Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit, OnInit {
+    private readonly defaultAppTheme;
+    private destroyRef;
+    protected readonly isMobile$: Observable<boolean>;
+    /**
+     * Table configuration
+     *
+     * @type {TableConfig}
+     * @memberof TableComponent
+     */
+    config: TableConfigWithPagination<T>;
+    /**
+     * Input property for providing the table data.
+     *
+     * @type {TableData}
+     * @memberof TableComponent
+     */
+    data: TableData;
+    /**
+     * Input property indicating whether the table is in a loading state.
+     *
+     * @type {boolean}
+     * @memberof TableComponent
+     * @default false
+     */
+    loading: boolean;
+    /**
+     *
+     * Defines the application theme
+     * @type {ApplicationTheme}
+     * @memberof TableComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Data structure to select which columns should be rendered and their capabilities
+     *
+     * @type {TableDetailColumn}
+     * @memberof TableComponent
+     */
+    tableDetailColumns: TableDetailColumn<T, TDetail>;
+    tableDetails: boolean;
+    /**
+     * Disable border radius for table
+     *
+     * @type {boolean}
+     * @memberof TableComponent
+     */
+    disableBorderRadius: boolean;
+    /**
+     * Condensed table
+     *
+     * @type {boolean}
+     * @memberof TableComponent
+     */
+    isCondensed: boolean;
+    /**
+     * Sticky header
+     *
+     * @type {boolean}
+     * @memberof TableComponent
+     */
+    stickyHeader: boolean;
+    /**
+     * Max height
+     *
+     * @type {string}
+     * @memberof TableComponent
+     */
+    maxHeight: string;
+    onRowClickEvent: EventEmitter<any>;
+    onDetailRowClickEvent: EventEmitter<any>;
+    paginatorChange: EventEmitter<PageEvent>;
+    sortChange: EventEmitter<Sort>;
+    table: ElementRef;
+    protected tableData: TableData;
+    protected sourceData: TableData;
+    protected columnsTooltipState: ColumnEllipse[];
+    protected tableConfig: TableConfigWithPagination<T>;
+    protected displayedColumns: string[];
+    protected columnsDetailToDisplay: string[];
+    protected skeletonStyleConfig: {
+        background: string;
+        'border-radius': string;
+        height: string;
+    };
+    protected dataSourceDetail: MatTableDataSource<any, import("@angular/material/paginator.d-CexYxFq4").M>;
+    protected elementDetail: any;
+    protected readonly DataType: typeof ColumnType;
+    protected scrollSettings$: BehaviorSubject<ScrollSettings>;
+    constructor(defaultAppTheme: ApplicationTheme, destroyRef: DestroyRef, isMobile$: Observable<boolean>);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    hasTableScroll(): void;
+    callRenderer([rendererFn, element]: [(v: T) => ComponentRenderer | string, T]): any;
+    protected onPaginatorChange(event: PageEvent): void;
+    protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
+    protected onSortChange(sortState: Sort, emitEvent?: boolean): void;
+    protected onRowClick(rowParams: any, rowIndex: number): void;
+    protected onDetailRowClick(rowParams: any): void;
+    protected toggleRow(element: T): void;
+    private setTableDetailDataSource;
+    private setTableConfig;
+    private setTableData;
+    private defaultPaginationConfig;
+    trackColumnUniqueId: (index: number, column: TableColumn<T>) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], false, never>;
+}

package/components/table/table.component.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./table.component";
+import * as i2 from "./sentence-case.pipe";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/table";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@testgorilla/tgo-ui/components/skeleton";
+import * as i7 from "@testgorilla/tgo-ui/components/paginator";
+import * as i8 from "@testgorilla/tgo-ui/components/button";
+import * as i9 from "@angular/material/sort";
+import * as i10 from "@testgorilla/tgo-ui/components/icon";
+import * as i11 from "@testgorilla/tgo-ui/components/core";
+export declare class TableComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.SentenceCasePipe], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatTooltipModule, typeof i6.SkeletonComponent, typeof i7.PaginatorComponentModule, typeof i8.ButtonComponentModule, typeof i9.MatSortModule, typeof i10.IconComponentModule, typeof i11.EllipseTextDirective, typeof i11.DynamicComponentDirective, typeof i11.DataPropertyGetterPipe, typeof i11.MemoizeFuncPipe], [typeof i1.TableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
+}

package/components/table/table.model.d.ts

@@ -0,0 +1,104 @@
+import { TemplateRef, Type } from '@angular/core';
+export interface TableConfig<T = any> {
+    columns: TableColumn<T>[];
+    pagination?: Pagination;
+    title?: string;
+    width?: number;
+    sort?: Sort;
+    hidePagination?: boolean;
+    noDataRowTpl?: TemplateRef<any>;
+    sortable?: boolean;
+}
+export interface TableConfigWithPagination<T> extends TableConfig<T> {
+    pagination?: Pagination;
+}
+export interface TableColumn<T = any> {
+    title?: string;
+    key: string;
+    allowMultiline?: boolean;
+    bold?: boolean;
+    showTooltip?: boolean;
+    tooltip?: string;
+    allowSort?: boolean;
+    isSticky?: boolean;
+    headerCellTemplate?: TemplateRef<any>;
+    rowCellTemplate?: TemplateRef<any>;
+    rowCellTemplateClick?: () => any;
+    sortHeader?: string;
+    hidden?: boolean;
+    order?: number;
+    fontSize?: '12px' | '14px';
+    field?: string;
+    type?: ColumnType;
+    function?: (v: T) => string;
+    renderer?: (v: T) => ComponentRenderer | string;
+    styles?: ColumnStyles;
+    sortStart?: SortDirection;
+    uniqueId?: string;
+}
+export interface Pagination {
+    itemsPerPageOptions: number[];
+    itemsPerPage: number;
+    currentPage: number;
+    totalItems: number;
+}
+export type TableData = Record<string, any>[];
+export interface ColumnEllipse {
+    index: number;
+    showTooltip: boolean;
+}
+export interface Sort {
+    active: string;
+    direction: SortDirection;
+    defaultSortStart?: SortDirection;
+}
+export type SortDirection = 'asc' | 'desc' | '';
+export interface TableDetailColumn<T, TDetail> {
+    columnDefs: TableColumn<TDetail>[];
+    setDetailRowData: (params: DetailRowDataParams<T, TDetail>) => void;
+}
+export interface DetailRowDataParams<T, TDetail> {
+    data: T;
+    setDetailDataSource(rowData: TDetail[]): void;
+}
+export declare enum ColumnType {
+    FIELD = "field",
+    FUNCTION = "function",
+    RENDERER = "renderer"
+}
+export interface ComponentRenderer {
+    component: Type<any>;
+    inputs?: any;
+    outputs?: {
+        [key: string]: any;
+    };
+}
+export interface ColumnStyles {
+    alignment?: ColumnAlignment;
+    width?: string;
+    'min-width'?: string;
+    padding?: string;
+}
+export declare enum ColumnAlignment {
+    LEFT = "left",
+    RIGHT = "right",
+    CENTER = "center"
+}
+export declare enum ColumnTypeEnum {
+    FIELD = "field",
+    FUNCTION = "function",
+    RENDERER = "renderer"
+}
+export declare enum ColumnAlignmentEnum {
+    LEFT = "left",
+    RIGHT = "right",
+    CENTER = "center"
+}
+export type DataSource = {
+    [key: string]: any;
+};
+export type ScrollSettings = {
+    scrollEnd: boolean;
+    horizontalScroll: boolean;
+    scrollStart: boolean;
+};

package/components/table/table.utils.d.ts

@@ -0,0 +1,6 @@
+import { TableColumn } from './table.model';
+/**
+ * Sorting table columns by order value if set.
+ * The rest columns keep the same ordering and displayed after the sorted ones.
+ */
+export declare const sortByOrder: <T>(columns: TableColumn<T>[]) => TableColumn<T>[];