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

package/lib/core.module.d.ts

@@ -1,2 +1,13 @@
-export declare class GenericTableModule {
+import * as i0 from "@angular/core";
+import * as i1 from "./core.component";
+import * as i2 from "./pipes/sort-class.pipe";
+import * as i3 from "./pipes/dash-case.pipe";
+import * as i4 from "./pipes/highlight.pipe";
+import * as i5 from "./pipes/capital-case.pipe";
+import * as i6 from "./pipes/dynamic.pipe";
+import * as i7 from "@angular/common";
+export declare class GenericTableCoreModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericTableCoreModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GenericTableCoreModule, [typeof i1.CoreComponent, typeof i2.SortClassPipe, typeof i3.DashCasePipe, typeof i4.HighlightPipe, typeof i5.CapitalCasePipe, typeof i5.CapitalCasePipe, typeof i6.DynamicPipe], [typeof i7.CommonModule], [typeof i1.CoreComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GenericTableCoreModule>;
 }

package/lib/core.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class CoreService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoreService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CoreService>;
+}

package/lib/enums/order.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum Order {
+    ASC = "asc",
+    DESC = "desc"
+}

package/lib/models/table-column.interface.d.ts

@@ -0,0 +1,15 @@
+import { TemplateRef } from '@angular/core';
+export interface TableColumn {
+    header?: string | false;
+    mobileHeader?: string | boolean;
+    hidden?: boolean;
+    sortable?: boolean;
+    order?: number;
+    search?: boolean;
+    templateRef?: TemplateRef<any>;
+    transform?: {
+        pipe: any;
+        args?: Array<any>;
+    };
+    class?: string;
+}

package/lib/models/table-config.interface.d.ts

@@ -0,0 +1,15 @@
+import { TableColumn } from './table-column.interface';
+export interface TableConfig {
+    hidden?: boolean;
+    mobileLayout?: boolean;
+    class?: string;
+    rows?: {
+        [key: string]: TableColumn;
+    };
+    columns?: {
+        [key: string]: TableColumn;
+    };
+    pagination?: {
+        length?: number;
+    };
+}

package/lib/models/table-info.interface.d.ts

@@ -0,0 +1,4 @@
+export interface TableInfo {
+    records: number;
+    pageTotal: number;
+}

package/lib/models/table-meta.interface.d.ts

@@ -0,0 +1,8 @@
+import { TableRow } from './table-row.interface';
+import { TableConfig } from './table-config.interface';
+import { TableInfo } from './table-info.interface';
+export interface TableMeta {
+    data: Array<Array<TableRow>>;
+    config: TableConfig;
+    info: TableInfo;
+}

package/lib/models/table-row.interface.d.ts

@@ -0,0 +1,4 @@
+export declare type TableRows = Array<TableRow>;
+export interface TableRow {
+    [key: string]: number | string | boolean | any;
+}

package/lib/models/table-sort.interface.d.ts

@@ -0,0 +1,5 @@
+import { Order } from '../enums/order.enum';
+export interface TableSort {
+    sortBy: string;
+    sortByOrder: Order;
+}

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

@@ -0,0 +1,14 @@
+import { ReplaySubject } from 'rxjs';
+import { CoreComponent } from '../core.component';
+import * as i0 from "@angular/core";
+export declare class PaginationComponent {
+    get table(): CoreComponent | undefined;
+    set table(value: any);
+    table$: ReplaySubject<CoreComponent>;
+    private _table;
+    pagination$: import("rxjs").Observable<number[]>;
+    generateList(pages: number, currentPosition: number): Array<number>;
+    goto(page: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "angular-generic-table-pagination", never, { "table": "table"; }, {}, never, never>;
+}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./pagination.component";
+import * as i2 from "@angular/common";
+export declare class GenericTablePaginationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericTablePaginationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GenericTablePaginationModule, [typeof i1.PaginationComponent], [typeof i2.CommonModule], [typeof i1.PaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GenericTablePaginationModule>;
+}

package/lib/pipes/capital-case.pipe.d.ts

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

package/lib/pipes/dash-case.pipe.d.ts

@@ -1,4 +1,7 @@
 import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class DashCasePipe implements PipeTransform {
-    transform(string: string): string;
+    transform(s: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashCasePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DashCasePipe, "dashCase">;
 }

package/lib/pipes/dynamic.pipe.d.ts

@@ -0,0 +1,9 @@
+import { Injector, PipeTransform, Type } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DynamicPipe implements PipeTransform {
+    private injector;
+    constructor(injector: Injector);
+    transform(value: any, requiredPipe: Type<any>, pipeArgs: any[]): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DynamicPipe, "dynamicPipe">;
+}

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

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class HighlightPipe implements PipeTransform {
+    transform(text: any, searchTerm: string | null): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HighlightPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HighlightPipe, "highlight">;
+}

package/lib/pipes/sort-class.pipe.d.ts

@@ -0,0 +1,11 @@
+import { PipeTransform } from '@angular/core';
+import { Order } from '../enums/order.enum';
+import * as i0 from "@angular/core";
+export declare class SortClassPipe implements PipeTransform {
+    transform(selection: {
+        sortBy: string;
+        sortByOrder: Order;
+    } | any, property: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortClassPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SortClassPipe, "sortClass">;
+}

package/lib/utilities/utilities.d.ts

@@ -0,0 +1,6 @@
+import { TableRow } from '../models/table-row.interface';
+import { TableConfig } from '../models/table-config.interface';
+export declare let dashed: (s: string) => string;
+export declare let capitalize: (s: string) => string;
+export declare let chunk: (array: Array<any>, chunkSize: number) => Array<Array<TableRow>>;
+export declare let search: (text: string, caseSensitive: boolean, data: Array<TableRow>, config: TableConfig) => TableRow[];

package/package.json

@@ -1,35 +1,37 @@
 {
   "name": "@angular-generic-table/core",
-  "version": "5.0.0-alpha.1",
-  "description": "A generic table component for Angular",
-  "keywords": [
-    "Angular",
-    "Table"
-  ],
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
+  "version": "5.0.0-rc.10",
   "author": "Robert Hjalmers <opensource@rhj.se> (http://www.linkedin.com/in/robert-hjalmers/)",
-  "license": "Apache-2.0",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/hjalmers/angular-generic-table.git"
   },
   "peerDependencies": {
-    "@angular/common": "^7.0.0",
-    "@angular/core": "^7.0.0"
+    "@angular/common": "^12.0.0 || ^13.0.0",
+    "@angular/core": "^12.0.0 || ^13.0.0"
   },
-  "main": "bundles/angular-generic-table-core.umd.js",
-  "module": "fesm5/angular-generic-table-core.js",
-  "es2015": "fesm2015/angular-generic-table-core.js",
-  "esm5": "esm5/angular-generic-table-core.js",
-  "esm2015": "esm2015/angular-generic-table-core.js",
-  "fesm5": "fesm5/angular-generic-table-core.js",
-  "fesm2015": "fesm2015/angular-generic-table-core.js",
-  "typings": "angular-generic-table-core.d.ts",
-  "metadata": "angular-generic-table-core.metadata.json",
-  "sideEffects": false,
   "dependencies": {
-    "tslib": "^1.9.0"
-  }
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2015/angular-generic-table-core.mjs",
+  "es2020": "fesm2020/angular-generic-table-core.mjs",
+  "esm2020": "esm2020/angular-generic-table-core.mjs",
+  "fesm2020": "fesm2020/angular-generic-table-core.mjs",
+  "fesm2015": "fesm2015/angular-generic-table-core.mjs",
+  "typings": "angular-generic-table-core.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./angular-generic-table-core.d.ts",
+      "esm2020": "./esm2020/angular-generic-table-core.mjs",
+      "es2020": "./fesm2020/angular-generic-table-core.mjs",
+      "es2015": "./fesm2015/angular-generic-table-core.mjs",
+      "node": "./fesm2015/angular-generic-table-core.mjs",
+      "default": "./fesm2020/angular-generic-table-core.mjs"
+    }
+  },
+  "sideEffects": false
 }

package/public-api.d.ts

@@ -0,0 +1,11 @@
+export * from './lib/core.service';
+export * from './lib/core.component';
+export * from './lib/core.module';
+export * from './lib/pagination/pagination.component';
+export * from './lib/pagination/pagination.module';
+export * from './lib/models/table-config.interface';
+export * from './lib/models/table-column.interface';
+export * from './lib/models/table-info.interface';
+export * from './lib/models/table-row.interface';
+export * from './lib/models/table-sort.interface';
+export * from './lib/models/table-meta.interface';

package/scss/index.scss

@@ -0,0 +1,102 @@
+$highlight-background-color: #ffdd00 !default;
+$mobile-style-selector: 'table.table-mobile' !default;
+$mobile-style-max-width: 576px !default;
+$mobile-style-header-font-weight: 500 !default;
+$mobile-style-header-background-color: #fff !default;
+$mobile-style-button-selector: '.btn-sm' !default;
+$mobile-style-border-bottom: solid 1px #dedede !default;
+$mobile-style-button-font-size: 1rem !default;
+$mobile-style-button-padding: 0.5625rem 1rem !default;
+$pagination-ellipsis-content: '...' !default;
+$pagination-active-color: #000 !default;
+$pagination-justify-content: center !default;
+
+@mixin styles() {
+  @include search-style;
+  @include mobile-style;
+  @include pagination-style;
+}
+@mixin search-style {
+  .gt-highlight-search {
+    background: $highlight-background-color;
+  }
+}
+@mixin mobile-style($selector: $mobile-style-selector) {
+  #{$selector} {
+    .mobile-header {
+      display: none;
+    }
+  }
+  @media (max-width: $mobile-style-max-width) {
+    #{$selector} {
+      table-layout: fixed;
+      border-bottom: none;
+      thead {
+        position: sticky;
+        top: 0;
+        display: block;
+        @media (hover: none) and (pointer: coarse) {
+          display: table-header-group;
+        }
+        background: $mobile-style-header-background-color;
+        tr {
+          display: flex;
+          overflow: auto;
+          &::-webkit-scrollbar {
+            display: none;
+          }
+          th {
+            flex: auto;
+            text-align: left !important;
+            white-space: nowrap;
+          }
+        }
+      }
+      tbody {
+        tr {
+          display: flex;
+          flex-direction: column;
+          border-bottom: $mobile-style-border-bottom;
+        }
+        td {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          border-top: none !important;
+          & > .mobile-header {
+            font-weight: $mobile-style-header-font-weight;
+            display: block;
+          }
+          #{$mobile-style-button-selector} {
+            width: 100%;
+            font-size: $mobile-style-button-font-size;
+            padding: $mobile-style-button-padding;
+          }
+        }
+      }
+    }
+  }
+}
+@mixin pagination-style() {
+  nav.gt-pagination {
+    display: flex;
+    justify-content: $pagination-justify-content;
+    ul {
+      display: inline-flex;
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      li {
+        &.ellipsis::after {
+          content: $pagination-ellipsis-content;
+          display: inline-flex;
+        }
+        &.active button {
+          color: $pagination-active-color;
+        }
+      }
+    }
+  }
+}
+
+