@angular-generic-table/core 5.0.0-alpha.1 → 5.0.0-rc.10

package/lib/pipes/gt-chunk.pipe.d.ts

@@ -1,8 +0,0 @@
-import { PipeTransform, EventEmitter } from '@angular/core';
-import { GtInformation } from '../interfaces/gt-information';
-import { GtEvent } from '../interfaces/gt-event';
-export declare class GtChunkPipe implements PipeTransform {
-    transform(array: any[], gtInfo: GtInformation, chunkSize: number, page: number, refreshPageArray: boolean, refreshData: number, gtEvent: EventEmitter<GtEvent>, data: {
-        exportData: Array<any>;
-    }): any[];
-}

package/lib/pipes/gt-column-class.pipe.d.ts

@@ -1,6 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { GtConfigField } from '../interfaces/gt-config-field';
-import { GtRow } from '../interfaces/gt-row';
-export declare class GtColumnClassPipe implements PipeTransform {
-    transform(gtFields: Array<GtConfigField<any, any>>, column: GtConfigField<GtRow, any>, row?: GtRow): any;
-}

package/lib/pipes/gt-filter.pipe.d.ts

@@ -1,5 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { GtInformation } from '../interfaces/gt-information';
-export declare class GtFilterPipe implements PipeTransform {
-    transform(allRows: any[], filterBy: Object, gtInfo: GtInformation, refreshFilter: boolean, refreshData: number): any[];
-}

package/lib/pipes/gt-highlight.pipe.d.ts

@@ -1,7 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-export declare class GtHighlightPipe implements PipeTransform {
-    private sanitizer;
-    constructor(sanitizer: DomSanitizer);
-    transform(text: string, searchTerm: string): SafeHtml;
-}

package/lib/pipes/gt-is-editable.pipe.d.ts

@@ -1,4 +0,0 @@
-import { PipeTransform } from '@angular/core';
-export declare class GtIsEditablePipe implements PipeTransform {
-    transform(property: any, row: any, refreshPipe: boolean): boolean;
-}

package/lib/pipes/gt-is-observable.pipe.d.ts

@@ -1,4 +0,0 @@
-import { PipeTransform } from '@angular/core';
-export declare class GtIsObservablePipe implements PipeTransform {
-    transform(input: any): boolean;
-}

package/lib/pipes/gt-meta.pipe.d.ts

@@ -1,5 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { GtRow } from '../interfaces/gt-row';
-export declare class GtMetaPipe implements PipeTransform {
-    transform(allRows: Array<GtRow>, rowIndex?: string, page?: number, recordLength?: number): Array<GtRow>;
-}

package/lib/pipes/gt-order-by.pipe.d.ts

@@ -1,11 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { GtConfigField } from '../interfaces/gt-config-field';
-import { GtRow } from '../interfaces/gt-row';
-export declare class GtOrderByPipe<R extends GtRow> implements PipeTransform {
-    static _orderByComparator(a: any, b: any): number;
-    /** Return property */
-    private getProperty;
-    /** Return sort function */
-    private getSortFunction;
-    transform(input: any, sortByProperties: Array<string>, fields: GtConfigField<R, any>[], refreshSorting: boolean, refreshData: number): any;
-}

package/lib/pipes/gt-property.pipe.d.ts

@@ -1,7 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { GtConfigField } from '../interfaces/gt-config-field';
-import { GtConfigSetting } from '../interfaces/gt-config-setting';
-import { GtRow } from '../interfaces/gt-row';
-export declare class GtPropertyPipe<R extends GtRow> implements PipeTransform {
-    transform(config: GtConfigField<R, any>[] | GtConfigSetting[], objectKey: string, property: string, refresh?: boolean): any;
-}

package/lib/pipes/gt-render.pipe.d.ts

@@ -1,19 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { GtConfigSetting } from '../interfaces/gt-config-setting';
-import { GtConfigField } from '../interfaces/gt-config-field';
-import { DomSanitizer } from '@angular/platform-browser';
-import { GtRow } from '../interfaces/gt-row';
-import { GtRenderField } from '../interfaces/gt-render-field';
-import { GtHighlightPipe } from './gt-highlight.pipe';
-export declare class GtRenderPipe<R extends GtRow> implements PipeTransform {
-    private sanitizer;
-    private gtHighlightPipe;
-    constructor(sanitizer: DomSanitizer, gtHighlightPipe: GtHighlightPipe);
-    /** Sort by column order */
-    private getColumnOrder;
-    /** Sort by length */
-    private getOrderByLength;
-    /** Return property */
-    private getProperty;
-    transform(row: any, settings: Array<GtConfigSetting>, fields: Array<GtConfigField<R, any>>, updated: boolean, loading: boolean, highlight?: boolean, searchString?: string): Array<GtRenderField<R, any>>;
-}

package/lib/pipes/gt-row-class.pipe.d.ts

@@ -1,5 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { GtConfigField } from '../interfaces/gt-config-field';
-export declare class GtRowClassPipe implements PipeTransform {
-    transform(array: Array<any>, gtFields: Array<GtConfigField<any, any>>): any;
-}

package/lib/pipes/gt-search.pipe.d.ts

@@ -1,10 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { GtConfigField } from '../interfaces/gt-config-field';
-import { GtRow } from '../interfaces/gt-row';
-import { GtConfigSetting } from '../interfaces/gt-config-setting';
-import { GtInformation } from '../interfaces/gt-information';
-export declare class GtSearchPipe<R extends GtRow> implements PipeTransform {
-    /** Return property */
-    private getProperty;
-    transform(allRows: any, searchTerms: string, gtInfo: GtInformation, settings: Array<GtConfigSetting>, fields: Array<GtConfigField<R, any>>, refreshData: number): any;
-}

package/lib/pipes/gt-totals-position.pipe.d.ts

@@ -1,5 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { GtConfigTotal } from '../interfaces/gt-config-total';
-export declare class GtTotalsPositionPipe implements PipeTransform {
-    transform(array: Array<GtConfigTotal>, position?: 'header' | 'footer'): Array<any>;
-}

package/lib/pipes/gt-totals.pipe.d.ts

@@ -1,4 +0,0 @@
-import { PipeTransform } from '@angular/core';
-export declare class GtTotalsPipe implements PipeTransform {
-    transform(value: string | number | Function, data: Array<any>, objectKey: string, refresh: boolean): any;
-}

package/lib/pipes/gt-visible.pipe.d.ts

@@ -1,9 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { GtConfigField } from '../interfaces/gt-config-field';
-import { GtConfigSetting } from '../interfaces/gt-config-setting';
-import { GtRow } from '../interfaces/gt-row';
-export declare class GtVisiblePipe<R extends GtRow> implements PipeTransform {
-    /** Sort by column order */
-    private getColumnOrder;
-    transform(array: Array<any>, settings: Array<GtConfigSetting>, refreshPipe?: boolean): Array<GtConfigField<R, any>> | Array<GtConfigSetting>;
-}

package/public_api.d.ts

@@ -1,18 +0,0 @@
-export * from './lib/components/gt-table-info/gt-table-info.component';
-export * from './lib/components/gt-pagination/gt-pagination.component';
-export * from './lib/components/gt-expanding-row/gt-expanding-row.component';
-export * from './lib/components/gt-dropdown/gt-dropdown.component';
-export * from './lib/components/gt-drilldown/gt-drilldown.component';
-export * from './lib/components/gt-custom-component-factory/gt-custom-component-factory.component';
-export * from './lib/components/gt-checkbox/gt-checkbox.component';
-export * from './lib/components/generic-table/generic-table.component';
-export * from './lib/interfaces/gt-config';
-export * from './lib/interfaces/gt-config-field';
-export * from './lib/interfaces/gt-config-setting';
-export * from './lib/interfaces/gt-config-total';
-export * from './lib/interfaces/gt-row';
-export * from './lib/interfaces/gt-event';
-export * from './lib/interfaces/gt-options';
-export * from './lib/interfaces/gt-texts';
-export * from './lib/interfaces/gt-information';
-export * from './lib/core.module';

package/scss/generic-table.scss

@@ -1,246 +0,0 @@
-// import variables from bootstrap or change to your own bootstrap theme variables
-
-// default values for bootstrap 4 beta for backwards compatibility,
-// override by importing bootstrap variables before this file or by setting your own variables
-$gray-100: #f8f9fa !default;
-$gray-700: #495057 !default;
-$gray-200: #e9ecef !default;
-$blue: #007bff !default;
-
-$table-cell-padding: 0.75rem !default;
-$table-cell-padding-sm: 0.3rem !default;
-$table-border-color: $gray-200 !default;
-
-$font-weight-bold: bold !default;
-$font-size-sm: 0.875rem !default;
-
-$grid-breakpoints: (
-	xs: 0,
-	sm: 576px,
-	md: 768px,
-	lg: 992px,
-	xl: 1200px
-) !default;
-
-// variables used by generic table
-$gt-inline-edit-color: $blue !default;
-$gt-totals-font-weight: $font-weight-bold !default;
-$gt-totals-color: $gray-700 !default;
-$gt-totals-bg: $gray-100 !default;
-$gt-totals-font-size: $font-size-sm !default;
-$gt-table-border-color: $table-border-color !default;
-$gt-table-cell-padding: $table-cell-padding !default;
-$gt-table-cell-padding-sm: $table-cell-padding-sm !default;
-$gt-table-cell-padding-expanded: 0 !default;
-$gt-medium-width: map-get($grid-breakpoints, md) !default;
-
-// basic table styles for sorting and for stacked table layout
-generic-table {
-	table {
-		thead tr {
-			th {
-				&.sort-enable {
-					cursor: pointer;
-					&:hover {
-						text-decoration: underline;
-					}
-				}
-				&.sort-asc {
-					cursor: pointer;
-					&:hover {
-						text-decoration: underline;
-					}
-					&::after {
-						content: '';
-						display: inline-block;
-						width: 0;
-						height: 0;
-						border-left: 5px solid transparent;
-						border-right: 5px solid transparent;
-						border-bottom: 5px solid #000;
-						border-radius: 2px;
-						margin-left: 4px;
-						position: absolute;
-						margin-top: 9px;
-					}
-				}
-				&.sort-desc {
-					cursor: pointer;
-					&:hover {
-						text-decoration: underline;
-					}
-					&::after {
-						content: '';
-						display: inline-block;
-						width: 0;
-						height: 0;
-						border-left: 5px solid transparent;
-						border-right: 5px solid transparent;
-						border-top: 5px solid #000;
-						border-radius: 2px;
-						margin-left: 4px;
-						position: absolute;
-						margin-top: 9px;
-					}
-				}
-				&.checkbox-column {
-					min-width: 30px;
-				}
-			}
-		}
-
-		span.gt-row-label,
-		th.gt-sort-label {
-			display: none;
-		}
-		tr td.gt-button {
-			vertical-align: middle;
-			padding-top: 0;
-			padding-bottom: 0;
-			width: 1px;
-		}
-
-		tr.row-expanded > td {
-			padding: $gt-table-cell-padding-expanded;
-		}
-		input.inline-edit {
-			border: none;
-			outline: none;
-			line-height: initial;
-			width: 100%;
-			background: none;
-			position: relative;
-			text-align: inherit;
-		}
-		.gt-inline-edit {
-			position: relative;
-			&::before {
-				opacity: 0;
-				position: absolute;
-				content: '';
-				margin-left: -$gt-table-cell-padding;
-				background: $gt-inline-edit-color;
-				height: 1px;
-				width: 100%;
-				top: auto;
-				bottom: -1px;
-				transform: scaleX(0);
-				transition: all 0.2s ease-in-out;
-			}
-			&.gt-edited::before {
-				transform: scaleX(1);
-				opacity: 1;
-			}
-			.gt-dropdown .dropdown-menu {
-				animation: fade-in 0.2s ease-in-out;
-				.dropdown-item {
-					cursor: pointer;
-				}
-			}
-			.gt-inline-edit-notice {
-				opacity: 0;
-				transition: opacity 0.5s ease-in-out;
-				position: absolute;
-				bottom: 0;
-				left: 0;
-				display: inline-block;
-				width: 100%;
-				font-size: 7px;
-				text-transform: uppercase;
-				color: $gt-inline-edit-color;
-				text-align: center;
-			}
-			&.gt-edited .gt-inline-edit-notice {
-				opacity: 1;
-			}
-		}
-
-		thead.gt-totals {
-			border-bottom: 2px solid $gt-table-border-color;
-		}
-
-		tfoot.gt-totals {
-			border-top: 2px solid $gt-table-border-color;
-		}
-		.gt-totals tr td {
-			font-weight: $gt-totals-font-weight;
-			color: $gt-totals-color;
-			background: $gt-totals-bg;
-			font-size: $gt-totals-font-size;
-		}
-	}
-	table.table-sm {
-		.gt-inline-edit {
-			&::before {
-				margin-left: -$gt-table-cell-padding-sm;
-			}
-		}
-	}
-	gt-checkbox label {
-		margin: 0;
-		vertical-align: middle;
-	}
-}
-
-.gt-dropdown-menu.show {
-	max-height: 320px;
-	overflow: auto;
-}
-
-// get break point for medium devices from bootstrap
-@media (max-width: $gt-medium-width) {
-	generic-table {
-		table.table-stacked {
-			thead tr {
-				display: table;
-				width: 100%;
-				th {
-					text-align: right;
-					&:first-child {
-						text-align: left;
-					}
-					&.sort-disable {
-						display: none;
-					}
-					&.gt-sort-label {
-						display: table-cell;
-					}
-				}
-			}
-			tr {
-				& + tr {
-					border-top: 1px solid #ddd;
-				}
-
-				td {
-					display: block;
-					border: none;
-					> span {
-						display: table-cell;
-					}
-					> span.gt-row-label {
-						white-space: nowrap;
-						font-weight: bold;
-					}
-					> span.gt-row-content {
-						text-align: right;
-						width: 100%;
-					}
-					&.hidden-stacked {
-						display: none;
-					}
-				}
-			}
-		}
-	}
-}
-
-@keyframes fade-in {
-	0% {
-		opacity: 0;
-	}
-
-	100% {
-		opacity: 1;
-	}
-}