@impartner/design-components 1.1.2 → 1.2.0

package/lib/pagination/pagination.component.d.ts

@@ -1,4 +1,5 @@
-import { EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { IElementSize } from '../size-detection';
 import * as i0 from "@angular/core";
 /**
  * The `PaginationComponent` (`<impdc-pagination` or `<div impdc-pagination`) is a control for paged content such as tables or lists.
@@ -6,6 +7,7 @@ import * as i0 from "@angular/core";
  * `ModalModule` imports and exports ImpdcFormsModule and [ButtonModule](./?path=/docs/design-components-button).
  */
 export declare class PaginationComponent {
+    private readonly _changeDetectorRef;
     private _summary;
     /**
      * The current page.
@@ -25,19 +27,32 @@ export declare class PaginationComponent {
      */
     set summary(summary: string);
     get summary(): string;
+    /**
+     * The label text for the per page select input.
+     */
+    perPageLabel: string;
     /**
      * Emitted when the page number is changed, specifying the target page number.
      */
     readonly goToPage: EventEmitter<number>;
+    /**
+     * Emitted when the per page is changed, specifying the new value.
+     */
+    readonly perPageChange: EventEmitter<number>;
     get totalPages(): number;
     get firstPageResult(): number;
     get lastPageResult(): number;
-    private _getPageClamped;
+    /** @ignore */
+    mobile: boolean;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    handleResize(size: IElementSize): void;
     goToPreviousPage(): void;
     goToNextPage(): void;
     goToExactPageFromEvent({ target }: FocusEvent): void;
     goToExactPage(page: number | string): void;
+    handlePerPageChange(): void;
     preventDefaultAndBlur(event: Event): void;
+    private _getPageClamped;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "impdc-pagination, div[impdc-pagination]", never, { "page": "page"; "perPage": "perPage"; "total": "total"; "summary": "summary"; }, { "goToPage": "goToPage"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "impdc-pagination, div[impdc-pagination]", never, { "page": "page"; "perPage": "perPage"; "total": "total"; "summary": "summary"; "perPageLabel": "perPageLabel"; }, { "goToPage": "goToPage"; "perPageChange": "perPageChange"; }, never, never, false>;
 }

package/lib/pagination/pagination.module.d.ts

@@ -5,9 +5,10 @@ import * as i3 from "../button/button.module";
 import * as i4 from "@angular/forms";
 import * as i5 from "../form-field/impdc-forms.module";
 import * as i6 from "../icon/icon.module";
+import * as i7 from "../size-detection/size-detection.module";
 export declare class PaginationModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginationModule, [typeof i1.PaginationComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i4.FormsModule, typeof i5.ImpdcFormsModule, typeof i6.IconModule], [typeof i3.ButtonModule, typeof i5.ImpdcFormsModule, typeof i6.IconModule, typeof i1.PaginationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginationModule, [typeof i1.PaginationComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i4.FormsModule, typeof i5.ImpdcFormsModule, typeof i6.IconModule, typeof i7.SizeDetectionModule], [typeof i3.ButtonModule, typeof i5.ImpdcFormsModule, typeof i6.IconModule, typeof i1.PaginationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PaginationModule>;
 }

package/lib/table/components/bulk-actions/bulk-actions.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class TableBulkActionsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableBulkActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableBulkActionsComponent, "impdc-table-bulk-actions", never, {}, {}, never, ["[selectedTotal]", "[bulkAction]"], false>;
+}

package/lib/table/components/column-heading/column-heading.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ColumnHeadingComponent {
+    isSortable: boolean;
+    columnIndex?: number;
+    sortColumnIndex?: number;
+    direction: 'asc' | 'desc';
+    text: string;
+    get sortedColumn(): boolean;
+    sort: EventEmitter<number>;
+    onSort(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnHeadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnHeadingComponent, "impdc-column-heading", never, { "isSortable": "isSortable"; "columnIndex": "columnIndex"; "sortColumnIndex": "sortColumnIndex"; "direction": "direction"; "text": "text"; }, { "sort": "sort"; }, never, never, false>;
+}

package/lib/table/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './column-heading/column-heading.component';
+export * from './bulk-actions/bulk-actions.component';

package/lib/table/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table.constants';
+export * from './public-table.constants';

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

@@ -0,0 +1 @@
+export declare const IS_SELECTED_PROPERTY = "isSelected";

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

@@ -0,0 +1,10 @@
+import { ITableCellOption } from '../interfaces';
+export declare const DEFAULT_PAGE = 1;
+export declare const ROWS_PER_PAGE = 10;
+export declare const SELECTED_ROWS_PER_PAGE: {
+    value: string;
+    text: string;
+};
+export declare const ROWS_PER_PAGE_GROUP: ITableCellOption[];
+export declare const SORT_COLUMN_INDEX = 0;
+export declare const DEBOUNCE_TIME = 500;

package/lib/table/containers/index.d.ts

@@ -0,0 +1 @@
+export * from './table.component';

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

@@ -0,0 +1,127 @@
+import { DatePipe, DecimalPipe, PercentPipe } from '@angular/common';
+import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { TableColumnType } from '../enumerations/index';
+import { ICustomCellRendererComponents, ISortByPayload, ITableColumnDef, ITableEventPayload, ITableRowItem, ITableRowItemValue, ITableRowItemValueTypes } from '../interfaces/index';
+import { CheckboxChangeEvent } from '../../form-field';
+import { ComponentTheme } from '../../../types';
+import { BrandedDirective } from '../../branding';
+import { PaginationComponent } from '../../pagination';
+import { TableBulkActionsComponent } from '../components';
+import * as i0 from "@angular/core";
+/**
+ * The `TableComponent` (`<impdc-table`) is a data table component.
+ * To use, import `TableModule` from `@impartner/design-components`.
+ */
+export declare class TableComponent implements OnChanges {
+    private readonly _datePipe;
+    private readonly _percentPipe;
+    private readonly _decmialPipe;
+    private readonly _changeDetectorRef;
+    private _branded;
+    /**
+     * Whether the table data is currently being loaded. The `<impdc-spinner>` will show if data is loading.
+     */
+    loading: boolean;
+    /**
+     * The visible columns of the table.  Each `ITableColumnDef` defines properties regarding the display, formatting and interaction of the column's cells.
+     * Column/cell color precedence is:
+     * 1) `fieldColor` - allows an `ITableColumnDef` to delegate the responsibility of cell color to an `ITableRowItem` property.
+     * 2) `colorGetter`- allows an `ITableColumnDef` to delegate the responsibility of cell color to a function of the `ITableRowItem` determined by the developer.
+     * 3) `color` - a property of an `ITableColumnDef`.
+     */
+    columnDefs: ITableColumnDef[];
+    /**
+     * Whether the table is striped.
+     */
+    striped: boolean;
+    /**
+     * Whether individual rows can be selected. Will be `true` if explicitly set to `true` or `canSelectAllRows` is `true`.
+     */
+    set canSelectRows(value: boolean);
+    get canSelectRows(): boolean;
+    /**
+     * Whether all rows can be selected at once. Will be `true` if explicitly set to `true` or if `TableBulkActionsComponent` is content projected.
+     */
+    set canSelectAllRows(value: boolean);
+    get canSelectAllRows(): boolean;
+    /**
+     * The placeholder text and empty value display text for `<impdc-select>` instances in cells with a `ITableColumnDef` `columnType` = `SingleSelect` or `MultiSelect`.
+     */
+    selectPlaceholder: string;
+    /**
+     * The `columnDefs` index of the currently sorted column.
+     */
+    sortColumnIndex: number;
+    /**
+     * The direction of the currently sorted column.
+     */
+    sortDirection: 'asc' | 'desc';
+    /**
+     * The table row data as an array of `ITableRowItem`.
+     */
+    tableData: ITableRowItem[];
+    /**
+     * An array of currently selected IDs from the `tableData` input.  Array must be of type `(string | number)[]`.
+     */
+    set selectedRowIds(value: (string | number)[]);
+    get selectedRowIds(): (string | number)[];
+    /**
+     * The registered custom cell renderer components available to be used in the table instance.
+     * For a given `ITableColumnDef` in the `columnDefs` input, the `cellRendererComponent` property should be set to the key of the registered component in this input.
+     */
+    customCellComponents?: ICustomCellRendererComponents;
+    /**
+     * Event emitted when one or multiple rows are selected. Emits `(string | number)[]` payload.
+     */
+    readonly rowSelect: EventEmitter<(string | number)[]>;
+    /**
+     * Event emitted when a column is sorted. Emits `ISortByPayload` payload.
+     */
+    readonly sortBy: EventEmitter<ISortByPayload>;
+    /**
+     * Event emitted when a row link is clicked. Emits `ITableEventPayload` payload.
+     */
+    readonly linkClick: EventEmitter<ITableEventPayload<ITableRowItem>>;
+    /** @ignore */
+    paginationComponent?: PaginationComponent;
+    /** @ignore */
+    bulkActions?: TableBulkActionsComponent;
+    /**
+     * Event emitted when a row input value is changed. Emitted cells of `columnType` `SinglSelect`, `MultiSelect`, `Input`, `Boolean` or `Icon`.
+     * Not emitted if column definition property `disabled` = `true`. Emits `ITableEventPayload` payload.
+     */
+    readonly inputChange: EventEmitter<ITableEventPayload<ITableRowItem>>;
+    /** @ignore */
+    cellType: typeof TableColumnType;
+    /** @ignore */
+    allSelected: boolean;
+    /** @ignore */
+    get someSelected(): boolean;
+    /** @ignore */
+    readonly branded: boolean;
+    /** @ignore */
+    get tableSpan(): number;
+    private _canSelectRows;
+    private _canSelectAllRows;
+    private _selectedRowIds;
+    private readonly _inputChange;
+    constructor(_datePipe: DatePipe, _percentPipe: PercentPipe, _decmialPipe: DecimalPipe, _changeDetectorRef: ChangeDetectorRef, _branded: BrandedDirective);
+    ngOnChanges(changes: SimpleChanges): void;
+    getMailToValue(columnIndex: number, currentRow: ITableRowItem): string;
+    getStringValue(columnIndex: number, currentRow: ITableRowItem): string;
+    getValue(columnIndex: number, currentRow: ITableRowItem): string | string[];
+    getRawValue(columnIndex: number, currentRow: ITableRowItem): ITableRowItemValueTypes<ITableRowItemValue>;
+    getCellColor(columnDefinition: ITableColumnDef, item: ITableRowItem): string;
+    getTheme(columnDefinition: ITableColumnDef, item: ITableRowItem): ComponentTheme;
+    isSortedColumn(columnIndex: number): boolean;
+    isRowSelected(id: string | number): boolean;
+    handleSelectAll(event: CheckboxChangeEvent): void;
+    handleSort(columnIndex: number): void;
+    handleRowSelect(event: CheckboxChangeEvent, rowId: number | string): void;
+    handleCellValueChange(columnIndex: number, rowIndex: number, value: string | number | boolean | string[]): void;
+    handleLinkClick(columnIndex: number, item: ITableRowItem): void;
+    private _getColumnDefByIndex;
+    private _getValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, [null, null, null, null, { optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "impdc-table", never, { "loading": "loading"; "columnDefs": "columnDefs"; "striped": "striped"; "canSelectRows": "canSelectRows"; "canSelectAllRows": "canSelectAllRows"; "selectPlaceholder": "selectPlaceholder"; "sortColumnIndex": "sortColumnIndex"; "sortDirection": "sortDirection"; "tableData": "tableData"; "selectedRowIds": "selectedRowIds"; "customCellComponents": "customCellComponents"; }, { "rowSelect": "rowSelect"; "sortBy": "sortBy"; "linkClick": "linkClick"; "inputChange": "inputChange"; }, ["paginationComponent", "bulkActions"], ["impdc-table-bulk-actions", "[impdcTableBulkActions]", "[noData]", "impdc-pagination, div[impdc-pagination]"], false>;
+}

package/lib/table/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table-inject-component.directive';
+export * from './table.directive';

package/lib/table/directives/table-inject-component.directive.d.ts

@@ -0,0 +1,16 @@
+import { ComponentFactoryResolver, OnInit, ViewContainerRef } from '@angular/core';
+import { ICustomCellRendererComponents, ITableColumnDef, ITableRowItem, ITableRowItemValue, ITableRowItemValueTypes } from '../interfaces/index';
+import * as i0 from "@angular/core";
+export declare class TableInjectComponentDirective implements OnInit {
+    private readonly _viewContainerRef;
+    private readonly _componentFactoryResolver;
+    columnDef: ITableColumnDef;
+    value: ITableRowItemValueTypes<ITableRowItemValue>;
+    rowItem: ITableRowItem;
+    customCellComponents: ICustomCellRendererComponents;
+    constructor(_viewContainerRef: ViewContainerRef, _componentFactoryResolver: ComponentFactoryResolver);
+    ngOnInit(): void;
+    private _renderCustomCell;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableInjectComponentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableInjectComponentDirective, "[impdcTableInjectComponent]", never, { "columnDef": "columnDef"; "value": "value"; "rowItem": "rowItem"; "customCellComponents": "customCellComponents"; }, {}, never, never, false>;
+}

package/lib/table/{table.component.d.ts → directives/table.directive.d.ts}

@@ -1,15 +1,15 @@
 import * as i0 from "@angular/core";
 /**
- * The `TableComponent` (`<table impdcTable`) is a simple table wrapper that requires less code than the native table.
+ * The `TableDirective` (`<table impdcTable`) that adds Hex styling to a `table` element.
  * To use, import `TableModule` or another module that imports and exports that module from `@impartner/design-components`.
  */
-export declare class TableComponent {
+export declare class TableDirective {
     /**
      * Stripes every other row in a slightly darker background color.
      */
     striped: boolean;
     private classTable;
     private get classTableStriped();
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "table[impdcTable]", never, { "striped": "striped"; }, {}, never, ["th", "tr"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableDirective, "table[impdcTable]", never, { "striped": "striped"; }, {}, never, never, false>;
 }

package/lib/table/enumerations/index.d.ts

@@ -0,0 +1 @@
+export * from './table-column-type';

package/lib/table/enumerations/table-column-type.d.ts

@@ -0,0 +1,18 @@
+export declare enum TableColumnType {
+    Badge = "Badge",
+    Boolean = "Boolean",
+    Link = "Link",
+    Text = "Text",
+    Input = "Input",
+    Currency = "Currency",
+    Decimal = "Decimal",
+    Date = "Date",
+    DateTime = "DateTime",
+    Percentage = "Percentage",
+    CellRender = "CellRender",
+    SingleSelect = "SingleSelect",
+    MultiSelect = "MultiSelect",
+    Icon = "Icon",
+    Email = "Email",
+    Url = "Url"
+}

package/lib/table/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './table-theme.helper';

package/lib/table/helpers/table-theme.helper.d.ts

@@ -0,0 +1,7 @@
+import { ITableColumnDef, ITableRowItem } from '../interfaces';
+import { ComponentTheme } from '../../../types';
+export declare class TableThemeHelper {
+    static getTheme({ fieldColor, color, colorGetter }: ITableColumnDef, currentRow: ITableRowItem): ComponentTheme | undefined;
+    static getCellColor(columnDefinition: ITableColumnDef, currentRow: ITableRowItem): string;
+    private static _getCellColor;
+}

package/lib/table/index.d.ts

@@ -1,2 +1,7 @@
-export { TableComponent } from './table.component';
-export { TableModule } from './table.module';
+export * from './table.module';
+export * from './containers';
+export * from './components';
+export * from './directives';
+export * from './helpers';
+export * from './enumerations';
+export * from './interfaces';

package/lib/table/interfaces/cell-renderer.interface.d.ts

@@ -0,0 +1,6 @@
+import { ITableRowItem, ITableRowItemValue, ITableRowItemValueTypes } from './table-row-item.interface';
+export interface ICellRenderer<T = ITableRowItem, P = object> {
+    value: ITableRowItemValueTypes<ITableRowItemValue>;
+    rowItem: T;
+    params?: P;
+}

package/lib/table/interfaces/custom-cell-renderer-components.type.d.ts

@@ -0,0 +1,3 @@
+import { Type } from '@angular/core';
+import { ICellRenderer } from './index';
+export declare type ICustomCellRendererComponents = Record<string, Type<ICellRenderer>>;

package/lib/table/interfaces/index.d.ts

@@ -0,0 +1,8 @@
+export * from './table-column-def.interface';
+export * from './table-event-payload.interface';
+export * from './sort-by-payload.interface';
+export * from './table-row-item.interface';
+export * from './cell-renderer.interface';
+export * from './cell-renderer.interface';
+export * from './custom-cell-renderer-components.type';
+export * from './table-cell-option.interface';

package/lib/table/interfaces/sort-by-payload.interface.d.ts

@@ -0,0 +1,5 @@
+export interface ISortByPayload {
+    field: string;
+    columnIndex: number;
+    direction: 'asc' | 'desc';
+}

package/lib/table/interfaces/table-cell-option.interface.d.ts

@@ -0,0 +1,4 @@
+export interface ITableCellOption {
+    value: string;
+    label: string;
+}

package/lib/table/interfaces/table-column-def.interface.d.ts

@@ -0,0 +1,22 @@
+import { TableColumnType } from '../enumerations/index';
+import { ComponentTheme } from '../../../types';
+import { ITableRowItem } from './table-row-item.interface';
+import { ITableCellOption } from './table-cell-option.interface';
+export interface ITableColumnDef<T = ITableRowItem> {
+    title: string;
+    field?: string;
+    valueGetter?: (record: T) => string;
+    color?: ComponentTheme;
+    colorGetter?: (record: T) => ComponentTheme;
+    fieldColor?: string;
+    columnType?: TableColumnType | string;
+    sorted?: boolean;
+    boldedText?: boolean;
+    truncated?: number;
+    cellRendererComponent?: string;
+    cellRendererParams?: object;
+    noPadding?: boolean;
+    values?: ITableCellOption[];
+    iconName?: string;
+    disabled?: boolean;
+}

package/lib/table/interfaces/table-event-payload.interface.d.ts

@@ -0,0 +1,6 @@
+import { ITableRowItem } from './table-row-item.interface';
+export interface ITableEventPayload<T = ITableRowItem> {
+    item: T;
+    columnIndex: number;
+    value?: string | number | boolean | string[];
+}

package/lib/table/interfaces/table-row-item.interface.d.ts

@@ -0,0 +1,9 @@
+export interface IIdentifiable {
+    id: string | number;
+}
+export declare type ITableRowItemValueTypes<T = never> = string | number | boolean | Array<string | number> | T | Array<T>;
+export interface ITableRowItemBase<T = never> {
+    [field: string]: ITableRowItemValueTypes<T>;
+}
+export declare type ITableRowItemValue = ITableRowItemBase<ITableRowItemBase<ITableRowItemBase>>;
+export declare type ITableRowItem = IIdentifiable & ITableRowItemValue;

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

@@ -1,9 +1,21 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./table.component";
-import * as i2 from "../button/button.module";
+import * as i1 from "./directives/table.directive";
+import * as i2 from "./containers/table.component";
+import * as i3 from "./components/column-heading/column-heading.component";
+import * as i4 from "./directives/table-inject-component.directive";
+import * as i5 from "./components/bulk-actions/bulk-actions.component";
+import * as i6 from "@angular/common";
+import * as i7 from "../button/button.module";
+import * as i8 from "../pagination/pagination.module";
+import * as i9 from "../icon/icon.module";
+import * as i10 from "../form-field/impdc-forms.module";
+import * as i11 from "@angular/forms";
+import * as i12 from "../spinner/spinner.module";
+import * as i13 from "../badge/badge.module";
+import * as i14 from "../branding/branding.module";
 export declare class TableModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableComponent], [typeof i2.ButtonModule], [typeof i2.ButtonModule, typeof i1.TableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableDirective, typeof i2.TableComponent, typeof i3.ColumnHeadingComponent, typeof i4.TableInjectComponentDirective, typeof i5.TableBulkActionsComponent], [typeof i6.CommonModule, typeof i7.ButtonModule, typeof i8.PaginationModule, typeof i9.IconModule, typeof i10.ImpdcFormsModule, typeof i11.FormsModule, typeof i12.SpinnerModule, typeof i13.BadgeModule, typeof i14.BrandingModule], [typeof i7.ButtonModule, typeof i1.TableDirective, typeof i3.ColumnHeadingComponent, typeof i5.TableBulkActionsComponent, typeof i8.PaginationModule, typeof i2.TableComponent, typeof i9.IconModule, typeof i4.TableInjectComponentDirective, typeof i14.BrandingModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impartner/design-components",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "author": "Impartner",
   "license": "BSD-3-Clause",
   "private": false,
@@ -21,7 +21,8 @@
     "@popperjs/core": "^2.10.2",
     "nanoid": "^4.0.0",
     "rxjs": ">= 7",
-    "sanitize-html": "^2.10.0"
+    "sanitize-html": "^2.10.0",
+    "lodash": "4.17.21"
   },
   "peerDependenciesMeta": {
     "@impartner/design": {

package/esm2020/lib/table/table.component.mjs

@@ -1,33 +0,0 @@
-import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * The `TableComponent` (`<table impdcTable`) is a simple table wrapper that requires less code than the native table.
- * To use, import `TableModule` or another module that imports and exports that module from `@impartner/design-components`.
- */
-export class TableComponent {
-    constructor() {
-        /**
-         * Stripes every other row in a slightly darker background color.
-         */
-        this.striped = false;
-        this.classTable = true;
-    }
-    get classTableStriped() {
-        return this.striped;
-    }
-}
-TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TableComponent, selector: "table[impdcTable]", inputs: { striped: "striped" }, host: { properties: { "class.table": "this.classTable", "class.table-striped": "this.classTableStriped" } }, ngImport: i0, template: "<thead>\n  <tr>\n    <ng-content select=\"th\"></ng-content>\n  </tr>\n</thead>\n<tbody>\n  <ng-content select=\"tr\"></ng-content>\n</tbody>\n", encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'table[impdcTable]', encapsulation: ViewEncapsulation.None, template: "<thead>\n  <tr>\n    <ng-content select=\"th\"></ng-content>\n  </tr>\n</thead>\n<tbody>\n  <ng-content select=\"tr\"></ng-content>\n</tbody>\n" }]
-        }], propDecorators: { striped: [{
-                type: Input
-            }], classTable: [{
-                type: HostBinding,
-                args: ['class.table']
-            }], classTableStriped: [{
-                type: HostBinding,
-                args: ['class.table-striped']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi90YWJsZS90YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL3RhYmxlL3RhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7O0FBRXZCOzs7R0FHRztBQU9ILE1BQU0sT0FBTyxjQUFjO0lBTjNCO1FBT0U7O1dBRUc7UUFFSCxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBRW9CLGVBQVUsR0FBRyxJQUFJLENBQUM7S0FLdkQ7SUFIQyxJQUFnRCxpQkFBaUI7UUFDL0QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7OzRHQVhVLGNBQWM7Z0dBQWQsY0FBYyxzTUNqQjNCLGlKQVFBOzRGRFNhLGNBQWM7a0JBTjFCLFNBQVM7K0JBRUUsbUJBQW1CLGlCQUVkLGlCQUFpQixDQUFDLElBQUk7OEJBT3JDLE9BQU87c0JBRE4sS0FBSztnQkFHOEIsVUFBVTtzQkFBN0MsV0FBVzt1QkFBQyxhQUFhO2dCQUVzQixpQkFBaUI7c0JBQWhFLFdBQVc7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFRoZSBgVGFibGVDb21wb25lbnRgIChgPHRhYmxlIGltcGRjVGFibGVgKSBpcyBhIHNpbXBsZSB0YWJsZSB3cmFwcGVyIHRoYXQgcmVxdWlyZXMgbGVzcyBjb2RlIHRoYW4gdGhlIG5hdGl2ZSB0YWJsZS5cbiAqIFRvIHVzZSwgaW1wb3J0IGBUYWJsZU1vZHVsZWAgb3IgYW5vdGhlciBtb2R1bGUgdGhhdCBpbXBvcnRzIGFuZCBleHBvcnRzIHRoYXQgbW9kdWxlIGZyb20gYEBpbXBhcnRuZXIvZGVzaWduLWNvbXBvbmVudHNgLlxuICovXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICd0YWJsZVtpbXBkY1RhYmxlXScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDb21wb25lbnQge1xuICAvKipcbiAgICogU3RyaXBlcyBldmVyeSBvdGhlciByb3cgaW4gYSBzbGlnaHRseSBkYXJrZXIgYmFja2dyb3VuZCBjb2xvci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHN0cmlwZWQgPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnRhYmxlJykgcHJpdmF0ZSBjbGFzc1RhYmxlID0gdHJ1ZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnRhYmxlLXN0cmlwZWQnKSBwcml2YXRlIGdldCBjbGFzc1RhYmxlU3RyaXBlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5zdHJpcGVkO1xuICB9XG59XG4iLCI8dGhlYWQ+XG4gIDx0cj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ0aFwiPjwvbmctY29udGVudD5cbiAgPC90cj5cbjwvdGhlYWQ+XG48dGJvZHk+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInRyXCI+PC9uZy1jb250ZW50PlxuPC90Ym9keT5cbiJdfQ==