ecabs-components 1.0.22 → 1.0.24-alpha

package/lib/ecabs-sep-paginator/ecabs-sep-paginator.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import { PageEvent } from '@angular/material/paginator';
+import { ResizedEvent } from 'angular-resize-event';
+import { PaginationResponseModel } from '../models/pagination.models';
+import * as i0 from "@angular/core";
+export declare class EcabsSepPaginatorComponent {
+    paginatedData: PaginationResponseModel;
+    pageSizeOptions: number[];
+    readonly pageChange: EventEmitter<PageEvent>;
+    paginatorHeightWithPadding: number;
+    paginatorWideWidth: number;
+    isHighPaginatorHeight: boolean;
+    isNarrowPaginatorWidth: boolean;
+    onPageChange($event: PageEvent): void;
+    onResizedPaginator(event: ResizedEvent): void;
+    private setIsHighPaginatorHeight;
+    private setIsNarrowPaginatorWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSepPaginatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSepPaginatorComponent, "ecabs-sep-paginator", never, { "paginatedData": { "alias": "paginatedData"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, false, never>;
+}

package/lib/ecabs-sep-paginator/ecabs-sep-paginator.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-sep-paginator.component";
+import * as i2 from "@angular/common";
+import * as i3 from "angular-resize-event";
+import * as i4 from "@angular/material/paginator";
+import * as i5 from "../base/directives/style-paginator.module";
+export declare class EcabsSepPaginatorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSepPaginatorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSepPaginatorModule, [typeof i1.EcabsSepPaginatorComponent], [typeof i2.CommonModule, typeof i3.AngularResizeEventModule, typeof i4.MatPaginatorModule, typeof i5.EcabsStylePaginatorDirectiveModule], [typeof i1.EcabsSepPaginatorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsSepPaginatorModule>;
+}

package/lib/ecabs-skeleton-card-grid/ecabs-skeleton-card-grid.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class EcabsSkeletonCardGridComponent {
+    gridRowCount: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSkeletonCardGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSkeletonCardGridComponent, "ecabs-skeleton-card-grid", never, { "gridRowCount": { "alias": "gridRowCount"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/ecabs-skeleton-card-grid/ecabs-skeleton-card-grid.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-skeleton-card-grid.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-skeleton-loader";
+import * as i4 from "../base/directives/element-multiplier.directive.module";
+export declare class EcabsSkeletonCardGridModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSkeletonCardGridModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSkeletonCardGridModule, [typeof i1.EcabsSkeletonCardGridComponent], [typeof i2.CommonModule, typeof i3.NgxSkeletonLoaderModule, typeof i4.ElementMultiplierDirectiveModule], [typeof i1.EcabsSkeletonCardGridComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsSkeletonCardGridModule>;
+}

package/lib/ecabs-skeleton-profile/ecabs-skeleton-profile.component.d.ts

@@ -0,0 +1,9 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class EcabsSkeletonProfileComponent implements OnInit {
+    rowCount: number;
+    computedCount: number;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSkeletonProfileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSkeletonProfileComponent, "ecabs-skeleton-profile", never, { "rowCount": { "alias": "rowCount"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/ecabs-skeleton-profile/ecabs-skeleton-profile.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-skeleton-profile.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-skeleton-loader";
+import * as i4 from "../base/directives/element-multiplier.directive.module";
+export declare class EcabsSkeletonProfileModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSkeletonProfileModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSkeletonProfileModule, [typeof i1.EcabsSkeletonProfileComponent], [typeof i2.CommonModule, typeof i3.NgxSkeletonLoaderModule, typeof i4.ElementMultiplierDirectiveModule], [typeof i1.EcabsSkeletonProfileComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsSkeletonProfileModule>;
+}

package/lib/ecabs-skeleton-table/ecabs-skeleton-table.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class EcabsSkeletonTableComponent implements OnInit {
+    rowCount: number;
+    hasPhoto: boolean;
+    computedCount: number;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSkeletonTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSkeletonTableComponent, "ecabs-skeleton-table", never, { "rowCount": { "alias": "rowCount"; "required": false; }; "hasPhoto": { "alias": "hasPhoto"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/ecabs-skeleton-table/ecabs-skeleton-table.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-skeleton-table.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-skeleton-loader";
+import * as i4 from "../base/directives/element-multiplier.directive.module";
+export declare class EcabsSkeletonTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSkeletonTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSkeletonTableModule, [typeof i1.EcabsSkeletonTableComponent], [typeof i2.CommonModule, typeof i3.NgxSkeletonLoaderModule, typeof i4.ElementMultiplierDirectiveModule], [typeof i1.EcabsSkeletonTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsSkeletonTableModule>;
+}

package/lib/ecabs-skeleton-table-filter/ecabs-skeleton-table-filter.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class EcabsSkeletonTableFilterComponent {
+    filterCount: number;
+    buttonHeight: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSkeletonTableFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSkeletonTableFilterComponent, "ecabs-skeleton-table-filter", never, { "filterCount": { "alias": "filterCount"; "required": false; }; "buttonHeight": { "alias": "buttonHeight"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/ecabs-skeleton-table-filter/ecabs-skeleton-table-filter.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-skeleton-table-filter.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-skeleton-loader";
+import * as i4 from "../base/directives/element-multiplier.directive.module";
+export declare class EcabsSkeletonTableFilterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSkeletonTableFilterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSkeletonTableFilterModule, [typeof i1.EcabsSkeletonTableFilterComponent], [typeof i2.CommonModule, typeof i3.NgxSkeletonLoaderModule, typeof i4.ElementMultiplierDirectiveModule], [typeof i1.EcabsSkeletonTableFilterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsSkeletonTableFilterModule>;
+}

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

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./ecabs-table.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/legacy-progress-bar";
+import * as i3 from "@angular/material/progress-bar";
 import * as i4 from "@angular/router";
 import * as i5 from "../ecabs-empty-placeholder/ecabs-empty-placeholder.module";
-import * as i6 from "@angular/material/legacy-table";
+import * as i6 from "@angular/material/table";
 export declare class EcabsTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsTableModule, [typeof i1.TableComponent], [typeof i2.CommonModule, typeof i3.MatLegacyProgressBarModule, typeof i4.RouterModule, typeof i5.EcabsEmptyPlaceholderModule], [typeof i1.TableComponent, typeof i6.MatLegacyTableModule, typeof i5.EcabsEmptyPlaceholderModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsTableModule, [typeof i1.TableComponent], [typeof i2.CommonModule, typeof i3.MatProgressBarModule, typeof i4.RouterModule, typeof i5.EcabsEmptyPlaceholderModule], [typeof i1.TableComponent, typeof i6.MatTableModule, typeof i5.EcabsEmptyPlaceholderModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EcabsTableModule>;
 }

package/lib/models/pagination.models.d.ts

@@ -0,0 +1,26 @@
+export interface PaginationRequestModel {
+    page?: number;
+    size?: number;
+    term?: string;
+    sort?: string;
+}
+export interface PaginationResponseModel {
+    empty: boolean;
+    first: boolean;
+    last: boolean;
+    number: number;
+    numberOfElements: number;
+    pageable: Pageable;
+    totalPages: number;
+    totalElements: number;
+    size: number;
+}
+interface Pageable {
+    offset: number;
+    pageNumber: number;
+    pageSize: number;
+    paged: boolean;
+    unpaged: boolean;
+    sort: object;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecabs-components",
-  "version": "1.0.22",
+  "version": "1.0.24-alpha",
   "peerDependencies": {
     "@angular/common": "^16.0.4",
     "@angular/core": "^16.0.4",
@@ -10,6 +10,7 @@
     "flag-icons": "^6.7.0",
     "ngx-mat-intl-tel-input": "^5.0.0",
     "ngx-mat-select-search": "^7.0.2",
+    "ngx-skeleton-loader": "^8.1.0",
     "rxjs": "~7.5.0",
     "vanilla-text-mask": "^5.1.1"
   },

package/public-api.d.ts

@@ -52,3 +52,20 @@ export * from './lib/ecabs-breadcrumb/ecabs-breadcrumb.component';
 export * from './lib/ecabs-breadcrumb/ecabs-breadcrumb.module';
 export * from './lib/ecabs-language-selector/ecabs-language-selector.component';
 export * from './lib/ecabs-language-selector/ecabs-language-selector.module';
+export * from './lib/ecabs-date-range-picker/components/ecabs-date-range-picker-header/ecabs-date-range-picker-header.component';
+export * from './lib/ecabs-date-range-picker/ecabs-date-range-picker.component';
+export * from './lib/ecabs-date-range-picker/ecabs-date-range-picker.module';
+export * from './lib/ecabs-autocomplete/ecabs-autocomplete.component';
+export * from './lib/ecabs-autocomplete/ecabs-autocomplete.module';
+export * from './lib/ecabs-skeleton-table/ecabs-skeleton-table.component';
+export * from './lib/ecabs-skeleton-table/ecabs-skeleton-table.module';
+export * from './lib/ecabs-skeleton-table-filter/ecabs-skeleton-table-filter.component';
+export * from './lib/ecabs-skeleton-table-filter/ecabs-skeleton-table-filter.module';
+export * from './lib/ecabs-skeleton-card-grid/ecabs-skeleton-card-grid.component';
+export * from './lib/ecabs-skeleton-card-grid/ecabs-skeleton-card-grid.module';
+export * from './lib/ecabs-skeleton-profile/ecabs-skeleton-profile.component';
+export * from './lib/ecabs-skeleton-profile/ecabs-skeleton-profile.module';
+export * from './lib/ecabs-sep-paginator/ecabs-sep-paginator.component';
+export * from './lib/ecabs-sep-paginator/ecabs-sep-paginator.module';
+export * from './lib/ecabs-sep-date-range-picker/ecabs-sep-date-range-picker.component';
+export * from './lib/ecabs-sep-date-range-picker/ecabs-sep-date-range-picker.module';

package/styles/material/overrides/_paginator.scss

@@ -0,0 +1,58 @@
+.mat-mdc-paginator,
+.mat-mdc-paginator-page-size .mat-mdc-select-trigger {
+  font-size: 14px;
+}
+
+.mat-mdc-paginator-container {
+  justify-content: space-between !important;
+  flex-direction: row-reverse;
+}
+
+.mat-mdc-paginator-page-size {
+  margin-right: 10px;
+  margin-top: 0.75rem;
+}
+
+mat-form-field.mat-mdc-paginator-page-size-select {
+  width: 80px;
+  margin-top: -0.25rem;
+
+  .mat-mdc-form-field-infix {
+    border: 1px solid #a6a6a6;
+    box-sizing: border-box;
+    border-radius: 4px;
+    height: 40px;
+    font-size: 14px;
+
+    mat-select {
+      padding: 0rem 0.75rem 0 0.75rem;
+      border-radius: 0 !important;
+      border: 0 !important;
+    }
+  }
+}
+
+.mat-mdc-paginator {
+  padding-bottom: 0.5rem;
+
+  .mat-mdc-paginator-range-actions {
+    margin-top: 0.5rem;
+  }
+
+  .mat-mdc-paginator-navigation-next,
+  .mat-mdc-paginator-navigation-previous {
+    padding: 0px;
+  }
+
+  .mat-mdc-paginator-navigation-next {
+    margin-right: 0.75rem !important;
+  }
+
+  .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
+    border-top: 1px solid #A6A6A6;
+  }
+
+  .mat-custom-page {
+    font-size: 1rem;
+  }
+}